Css ile resimlerin köşelerini oval yapmak
Ağustos 18th, 2008 tarihinde Tasarım kategorisinde yazıldı
Yukarıdaki resimde gördüğünüz gibi resimlerin köşelerini oval hale getirmek istiyorsanız uygulamanız gereken html ve css kodlarını aşağıda verdim. Görselliği büyük ölçüde arttıran ve kaliteli tasarımlar yapmanıza olanak sağlayan bu kodu kullanmakta oldukça basit.
İşte Html Kodumuz
<div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <!--content goes here --> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b> </b> </div>
Buda CSS Kodumuz
.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}
- Css Kullanarak 2 Sütunlu Website Tasarımı Yapmak
- Css ile Oval kutucuklar oluşturmak / Cssround
- Css İle Tablo Şeklinde Form Yapmak
- Css ile Gradient text efekti vermek
- Css Sıfırlama Dosyası
- Css Dersleri: CSS’yi Dış Dosya ile Tanımlama
- Bloggera (Blogspot) Wordpressteki gibi Etiket Bulutu Eklemek
- Css Dersleri: Nesne Özelliklerini Genelleştirme








Photofunia.com: Fotoğraflara Efekt Ekleme Sitesi
En Güzel 30 Apple, MacOS ve iPod Duvarkağıdı
Nasıl Zengin Olunur? Okuyun Zengin Olun
Yüksek Çözünürlükte 28 Ağaç Arkaplan Resmi
Yorumlarınız Bizim İçin Çok Değerli...