Código HTML para Borders

Cuando usted está construyendo un sitio web, usted quiere asegurarse de que tiene un aspecto limpio y pulido. Si desea editar las fronteras de una sección, los elementos de menú o un área de contenido, se puede utilizar la etiqueta HTML frontera. Sin embargo, esta etiqueta es extremadamente limitado en sus capacidades. CSS proporciona mucho más control sobre la apariencia frontera. Si ya está familiarizado con la sintaxis HTML, la modificación de las fronteras con HTML o CSS es simple y directo conducir.

Etiqueta HTML Frontera

El atributo HTML de las fronteras es simplemente "border = anchura", donde se reemplaza "ancho" con el número de píxeles de ancho desea que la frontera sea. Puede utilizar este atributo en combinación con otras etiquetas como la etiqueta mesa o IMG. Por ejemplo, para mostrar un borde de 10 píxeles de ancho alrededor de una imagen que iba a escribir:

<IMG

SRC="example.gif"

BORDER = 10>

Estilos CSS Frontera

La sintaxis para un estilo de borde CSS es "border-style: Tipo", donde se reemplaza "tipo" con el estilo que desea utilizar. El tipo más común de la frontera es una frontera sólida, pero también se puede crear una frontera puntos o guiones. Por las apariencias más complejos, puede utilizar doble, surco, canto, inserción o principio. A modo de ejemplo, se puede poner "border-style: discontinua" para un borde punteado.

Color del borde CSS

Para establecer el color de un borde a un color básico, puede simplemente usar el nombre. Por ejemplo "rojo" o "negro". Para colores más específicas, tendrá que localizar el código hexadecimal o los valores RGB para el color. Se puede especificar el color utilizando la etiqueta "border-color". Por ejemplo, los tres ejemplos siguientes serán todos producir el mismo color:

border-color: negro;

border-color: # 000000;

border-color: RBG (0,0,0);

Ancho del borde CSS

Mientras que usted no quiere fronteras que son demasiado grandes, de vez en cuando desea dejar un borde de espesor medio. Para ajustar el ancho del borde, utilice el "border-width: #px", donde se reemplaza "#" con el ancho de píxel que desea utilizar. Por ejemplo, "border-width: 4 píxeles." Como alternativa, puede utilizar los ajustes preestablecidos "fina", "medio" o "gruesa".

Especificación de Lados Por otra parte el uso de CSS

Si desea establecer los valores para los lados de manera diferente, puede insertar "arriba", "derecha", "inferior" e "izquierda" en las etiquetas. Por ejemplo, "border-top-color: # ff0000" colorearán sólo la parte superior o en la frontera roja.