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.