Html Ve Css Border(Kenar) Stilleri

Evet arkadaşlar bu yazıda kendimce size border yani kenar içeriğini anlatıcam... Aslında çok basit bir konu aşağıdaki verileri iyice inceleyiniz, zaten hemen beyninize girer :)

Evet ilk önce normal düz bir kutu oluşturalım.

<div style="width:200px;height:100px;border:1px solid blue;">

HTML borders are best created with CSS.

</div>

Evet yukarıda görmüş olduğunuz kodun kutu stilini sadece içindeki solid,blue ve 1px sağlıyor.

Solid yerine "----"(dashed) veya başka bir terim getirerek dışındaki şekili değiştirebilirsiniz.

1px yerine 2 veya 3 px yazarak kalınlığını arttırabilirsiniz.

Ve son olarak renk, rengi blue yerine istediğiniz bir rengin adını veya kodunu girerek rengini ayarlıyabilirsiniz.

Şunuda söyleyeyim bu html görünümüydü, bu kodu css üzerindende değerlendirebilirsiniz.

Örnek ;

.erenkenar{

border:1px solid blue;

}



<div class="erenkenar"></div>

İşte bu görünüm ise css ye dökülmüş hali. Evet konunu sonuna geldik iyi günler.