variasi kode html untuk membuat border

Variasi Kode HTML Border Berikut di bawah ini beserta contoh - contohnya :

1. Solid Border

<div style="width:200px;height:100px;border:1px solid green;">
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 green;">
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 green;">
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 green;">
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 green;">
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 green;">
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 green;">
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 green;">
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:green;border-style:dotted dashed solid double;">
Create borders for any HTML element.
</div>

Hasilnya :

Create borders for any HTML element.