CSS Border Özellikleri

Web tasarımında etkili arayüz oluşturmak için kenarlık ve div seçimleri Css tasarlamak çok önemlidir.Kenarlıkları belirlediğiniz bir Rgb Koduyla renklendirebilirsiniz. Radius seçeneğiyle istediğiniz büyüklükte ovallik katabilirsiniz.Dotted seçeneğiyle noktalı hale getirebilirsiniz.Zamanla div ve kenarlık özellikleri anlatımla daha da genişletilecektir.

Renk Örnekleri

<h1 style="border:4px solid #FF69B4;">KodSepeti</h1>
<h1 style="border:4px solid #DEB887;">KodSepeti</h1>
<h1 style="border:4px solid #008B8B;">KodSepeti</h1>

KodSepeti

KodSepeti

KodSepeti

Kenarlıkları Ovalleştirme

<h1 style="border:4px solid #FF69B4; border-radius: 30px">KodSepeti</h1>
<h1 style="border:4px solid #DEB887; border-radius: 20px">KodSepeti</h1>
<h1 style="border:4px solid #008B8B; border-radius: 10px">KodSepeti</h1>

KodSepeti

KodSepeti

KodSepeti

Kenarlıkları Noktalı Hale Getirme

<h1 style="border:4px solid #FF69B4; border-radius: 30px; border-style: dotted;">KodSepeti</h1>
<h1 style="border:4px solid #DEB887; border-radius: 20px; border-style: dotted;">KodSepeti</h1>
<h1 style="border:4px solid #008B8B; border-radius: 10px; border-style: dotted;">KodSepeti</h1>

KodSepeti

KodSepeti

KodSepeti

Bir cevap yazın

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