Bordes (border)

Diferentes tipos (style) de bordes.

Código CSS


p.borde_none { border: none; }
p.borde_dotted { border: 2px dotted #89A725; }
p.borde_dashed { border: 2px dashed #89A725; }
p.borde_solid { border: 1px solid #89A725; }
p.borde_double { border: 4px double #89A725; }
p.borde_groove { border: 6px groove #89A725; }
p.borde_ridge { border: 6px ridge #89A725; }
p.borde_inset { border: 6px inset #89A725; }
p.borde_outset { border: 6px outset #89A725; }

Código XHTML


<p class="borde_none">Texto con borde none.</p>
<p class="borde_dotted">Texto con borde dotted.</p>
<p class="borde_dashed">Texto con borde dashed.</p>
<p class="borde_solid">Texto con borde solid.</p>
<p class="borde_double">Texto con borde double.</p>
<p class="borde_groove">Texto con borde groove.</p>
<p class="borde_ridge">Texto con borde ridge.</p>
<p class="borde_inset">Texto con borde inset.</p>
<p class="borde_outset">Texto con borde outset.</p>

Resultado