CSS ile Köşeleri Yuvarlaklaştırma

Yükleniyor

Aşağıdaki kodu css’nizde uygun bir yere yapıştırın.


.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

Ardından yuvarlatılmış köşelere sahip bir içerik için şu div kodunu kullanın:


<div id="container">
<b class="rtop">
 <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<!--içerik buraya gelecek -->
<b class="rbottom">
 <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>

Bir Cevap Yazın

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