Borders HTML

SOLID BORDER
<div style="width:400px;height:50px;border:2px solid green;">Solid border</div>

Solid border

DASHED BORDER

<div style="width:400px;height:50px;border:2px dashed green;">Dashed border</div>

Dashed Border

DOTTED BORDER

<div style="width:400px;height:50px;border:2px dotted green;">Dotted border</div>

Dotted border

INSET BORDER
<div style="width:200px;height:100px;border:6px inset green;">Inset border</div>

Inset border

OUTSET BORDER
<div style="width:400px;height:50px;border:8px outset green;">Outset border</div>

Outset border

GROOVED BORDER
<div style="width:400px;height:50px;border:8px groove green;">Grooved border</div>

Grooved border

RIDGED BORDER
<div style="width:400px;height:50px;border:8px ridge green;">Ridged border</div>

Ridged border

DOUBLE BORDER
<div style="width:400px;height:50px;border:5px double green;">Double border</div>

Double border

MIXED BORDER
<div style="border-color: green; border-style: solid dashed dotted double; border-width: 3px; height: 50px; width: 400px;">Mixed border</div>

Mixed border