CSS ile Kenar Ovalleştirme

cssnedir

Css ile oluşturduğumuz bölümlere kenarlık ekleyebilmemiz mümkün olmaktadır. Ayrıca eklediğimiz kenarlıkları ovalleştirebilmemiz de mümkündür. Bu işlem için border-radius özelliğini kullanılmaktadır. Bu konuyu daha iyi anlamak için aşağıdaki komutu inceleyebilirsiniz;

.ovalornek {
height: 50px;
width:100px;
background-color:green;
border: 10px solid #d3d3d3;
border-radius: 20px;
}

Yukarıdaki örnekte oluşturduğumuz dive eklediğimiz kenarlığı 20px kadar ovalleştirmiş olduk.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir