Membuat Border Cantik Dengan Tag HTML

Jenis border yang digunakan pada HTML:
Hasilnya seperti dibawah ini :

Silhkan mencoba tag-tag dibawah ini untuk mendapatkan hasil sperti diatas:

• Solid Border 

Contoh tag Solid Border :
<div style="width:200px;height:60px;border:1px solid blue;">
Contoh Solid Border.
</div>

• Dotted Border

Contoh tag Dotted Border :
<div style="width:200px;height:60px;border:2px dotted blue;">
Contoh Dotted Border.
</div>

• Dashed Border

Contoh tag Dashed Border :
<div style="width:200px;height:60px;border:2px dashed blue;">
Contoh Dashed Border.
</div>

• Outset Border

Contoh tag Outset Border :
<div style="width:200px;height:60px;border:2px outset blue;">
Contoh Outset Border.
</div>

• Inset Border

Contoh tag Inset Border :
<div style="width:200px;height:60px;border:2px inset blue;">
Contoh Inset Border.
</div>

• Grooved Border

Contoh tag Grooved Border :
<div style="width:200px;height:60px;border:2px groove blue;">
Contoh Grooved Border.
</div>

• Double Border

Contoh tag Double Border :
<div style="width:200px;height:60px;border:2px double blue;">
Contoh Double Border.
</div>

• Ridget Border

Contoh tag Ridged Border :
<div style="width:200px;height:60px;border:2px ridge blue;">
Contoh Ridged Border.
</div>

• Mixed Border

Contoh tag Mixed Border :
<div style="width:200px;height:60px;border-width:5px;border-color:black;border-style:dotted dashed solid double;">
Create borders for any HTML element.
</div>

Selamat mencoba.