Div Köşelerini Yuvarlaklaştırma

Bu derste CSS3 ile gelen yeniliklerden biri olan köşe yuvarlatmayı anlatacağım arkadaşlar. Bunun için bir div oluşturuyoruz.

Kod:

<div id="radus">###</div>

Css kodumuz da şu şekilde;

Kod:

#radus {
   background-color: #000;
   height: 100px;
   width: 100px;
}   

Köşeleri yuvarlaklaştırmak için css'e şu kodları ekliyoruz.

Kod:

border: 1px solid #000; 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;

Dikkat ettiyseniz yeni kodların yazımında tek tük değişiklikler var. Bu şekilde CSS'i düzenlediğimizde elimizde aşağıdaki gibi bir div oluşuyor.

[Resimleri görebilmek için üye olun veya giriş yapın.]

sanalkurs.net