Cara Membuat Border di Blog

Berkut beberapa Macam garis border yang sering di gunakan untuk merapikan tampilan Pada Blog.

1. Border Solid

Contoh Border Solid

CSS Border Solid

<div style="background: #fff; border: 5px solid #696969; color: black; font-size: 20px; padding: 10px; text-align: center; width: auto;">Contoh Border Solid</div>

2. Boeder Ridge

Contoh Border Ridge

CSS Border Ridge

<div style="background: #fff; border: 5px Ridge #696969; color: black; font-size: 20px; padding: 10px; text-align: center; width: auto;">Contoh Border Ridge</div>

3. Border Groove

Contoh Border Groove

CSS Border Groove

<div style="background: #fff; border: 5px Groove #696969; color: black; font-size: 20px; padding: 10px; text-align: center; width: auto;">Contoh Border Groove</div>

4. Border Dotted

Contoh Border Dotted

CSS Border Dotted

<div style="background: #fff; border: 5px Dotted #696969; color: black; font-size: 20px; padding: 10px; text-align: center; width: auto;">Contoh Border Dotted</div>

5. Border Dashed

Contoh Border Dashed

CSS Border Dashed

<div style="background: #fff; border: 5px Dashed #696969; color: black; font-size: 20px; padding: 10px; text-align: center; width: auto;">Contoh Border Dashed</div>

6. Border Double

Contoh Border Double

CSS Border Double

<div style="background: #fff; border: 5px Double #696969; color: black; font-size: 20px; padding: 10px; text-align: center; width: auto;">Contoh Border Double</div> 

7. Radius Border

Contoh Radius Border

CSS Border Radius

<div style="background: #fff; border: 5px double #696969; border-radius: 15px; color: black; font-size: 20px; padding: 10px; text-align: center; width: auto;">Contoh Border Double</div> 

Demikian - Beberapa Macam Border yang seringkali di Gunakan Pada Blog