-
Cómo utilizar CSS para conceder a un borde a un Div
-
"DIV" se utilizan en HTML que contiene secciones de la página Web, como por ejemplo una columna, encabezado o pie de página. Puede utilizar hojas de estilo en cascada o CSS, para dar formato a cada sección y su contenido. Mediante el uso de las fronteras, puede hacer que las áreas de su página web sea más visible. Además, se puede personalizar el color, tamaño y estilo de la frontera. El estilo de la frontera puede ser un salpicado línea continua, discontinua o doble y rodear todo el DIV o sólo partes de ella.
Instrucciones
1 Abra el archivo HTML que desea modificar en un editor de texto, como el Bloc de notas, TextPad o EditPad.
2 Añadir la siguiente entre las etiquetas <HEAD>. Se añade un borde continuo, negro a la div.
<Style>
<! -myBorder {
frontera: 2px sólido de color rojo;
padding: 5px;
}
->
</ Style>3 Reemplazar "border:" en el código anterior con "border-top:" para mostrar la frontera en la parte superior de la sola DIV. Use "border-bottom:" para mostrar un borde inferior, "border-left" de un borde izquierdo o "border-right:" para un borde derecho.
4 Reemplazar "sólida" con el tipo de borde que desea crear, como "doble", "discontinua" o "puntos" reemplazar "2px;." Con el tamaño del borde que desea crear. Reemplazar "rojo" con el color de la frontera. Reemplazar el valor de "relleno" con la separación entre el DIV y su contenido.
5 Añadir la siguiente entre las etiquetas <BODY> donde el DIV va. Sustituir "Mi texto va aquí" con el contenido del DIV.
<Div id = "myBorder"> Mi texto va aquí </ div>
