Variasi Kode HTML Border

Seperti pada postingan sebelumnya ...saya berjanji untuk menjelaskan tentang Variasi Kode HTML Border Nah sekarang saya mau share pada anda semuanya...Berikut di bawah ini beserta contoh - contohnya :

1. Solid Border

<div style="width:200px;height:100px;border:1px solid blue;">
HTML borders are best created with CSS.
</div>

Hasilnya :

HTML borders are best created with CSS.

2. Dotted Border

<div style="width:200px;height:100px;border:2px dotted blue;">
HTML border code - or should that read CSS border code?
</div>

Hasilnya :

HTML border code - or should that read CSS border code?

3. Dashed Border

<div style="width:200px;height:100px;border:2px dashed blue;">
HTML border code - or should that read CSS border code?
</div>

Hasilnya :

HTML border code - or should that read CSS border code?

4. Outset Border

<div style="width:200px;height:100px;border:2px outset blue;">
HTML border code - or should that read CSS border code?
</div>

Hasilnya :

HTML border code - or should that read CSS border code?

5. Inset Border

<div style="width:200px;height:100px;border:2px inset blue;">
HTML border code - or should that read CSS border code?
</div>

Hasilnya :

HTML border code - or should that read CSS border code?

6. Grooved Border

<div style="width:200px;height:100px;border:2px groove blue;">
HTML border code - or should that read CSS border code?
</div>

Hasilnya :

HTML border code - or should that read CSS border code?

7. Doubled Border

<div style="width:200px;height:100px;border:2px double blue;">
HTML border code - or should that read CSS border code?
</div>

Hasilnya :

HTML border code - or should that read CSS border code?

8. Ridged Border

<div style="width:200px;height:100px;border:2px ridge blue;">
HTML border code - or should that read CSS border code?
</div>

Hasilnya :

HTML border code - or should that read CSS border code?

9. Mixed Border

<div style="width:200px;height:100px;border-width:6px;border-color:blue;border-style:dotted dashed solid double;">
Create borders for any HTML element.
</div>

Hasilnya :

Create borders for any HTML element.

Nah mungkin cuma segitu yang bisa saya share semoga bermanfaat...

Sumber : http://www.quackit.com