Pagine

Tuesday, 23 September 2014

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


No comments:

Post a Comment