Görsel açıdan uygulamalara güzellik katan ve köşelerin sert çizgilerle birbirine balanmasını oval bir hal ile keskinliğini azaltan css ile firefox, safari ve chrome web browserları ile uyumlu oalrak çalışabilen birçok webmaster için vaz geçilmez olan bu komut sayesinde oval köşeli yumaşak köşeli div veya farklı tarzda uygulamar oluşturabilirsiniz.
Kullanımı ;
ister class tabanlı;
.oval-koseler {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}istersenizde id tabanlı oalrak,
#oval-koseler {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}verdiğim bu komutları web sitenizin css dosyası içinde uygun bir yere yerleştirerek hangi etiket ile kullanacak iseniz clas veya id tanımlı oalrak kullanabilceğeniz oldukça kullanışlı bir pratik çözüm.
Örnek Kullanım: css dosyamıza yukardaki kodlardan birini yapıştırıp kaydettikten sonra
örneğin bir <div> etiketinde şu şekilde kullanabilriz.
<div class=”oval-koseler”> Div içeriği </div>
veya
<div id=”oval-koseler”> Div içeriği </div>
şeklinde kullanabilirsiniz.
Google arama sonuçları
| [ oval köşeli div, cs5 resim oval çerçeve yuvarlama, resimle yuvarlak köşeli div, photoshop rounded çerçeve, köşeleri oval div, köşeleri oval çerçeve, dreamweaver div köşe yuvarlama, dreamweaver da oval site yapımı, dreamweaver cs5 div in köşelerini yuvarlama, div ovalleştirme chorme, ] |
