CSS ile Oval Köşeli Uygulamalar (Rounded Corners without images)

Google+ Pinterest LinkedIn Tumblr +

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.
Share.

Leave A Reply

*