Hojas de estilos CSS: Bordes

En estos ejemplos que proponemos en estas páginas sobre atributos de textos, los hemos aplicados directamente sobre el body, estos atributos también pueden ser aplicados a través de una hoja de estilos incorporada.

Atributos para los bordes.

Se trata de cuatro atributos: border-top, border-bottom, border-right, border-left; estos atributos definen el estilo y el color de cada elemento

<STYLE>
BODY { border-top: green; border-left: none; border-right: blue; border-bottom: red }
</STYLE>

Estos atributos generan un efecto similar a los bordes de las tablas HTML. Es posible establecer medidas en porcentajes o en pixel, además de thin, medium y thick:

<STYLE>
BODY { border-top-width: 5px; border-left-width: 4pt; border-right-width: thick; border-bottom-width: 2px }
</STYLE>

Atributo border-color

Se pueden definir los colores de los cuatro bordes a la vez, como por ejemplo:

<STYLE>
BODY { border-color: red }
</STYLE>

Atributo border-style

Este atributo define el estilo de los bordes a la vez, sin necesidad de establecer colores diversos para cada uno de los bordes.

<STYLE>
BODY { border-style: groove }
</STYLE>

Enlaces amigos: Publicidad en Google

Otras webs: Popularidad