Cómo crear un borde inferior en Div CSS

Un div ayuda a gestionar los contenidos de su página Web, como el encabezado, pie de página y la barra lateral. Para hacer que el div más prominente, se puede añadir bordes a todos lados o caras simplemente específicas. Un borde inferior es especialmente útil si usted está personalizando una barra de navegación o columna en la página Web y necesita un divisor entre el contenido superior e inferior. las hojas de estilo en cascada (CSS) le permite especificar dónde desea que las fronteras en un div.

Instrucciones

1 Abra el archivo HTML que desea modificar en un editor de texto, como el Bloc de notas, TextPad o EditPad.

2 Agregue el código siguiente después de la etiqueta de la cabeza de apertura. Se crea un estilo para el div con un borde inferior que es de 1 píxel de grosor. Para aplicar un borde más grande, reemplazar "1px" con el tamaño del borde que desea utilizar.

<Style type = "text / css">

<! -

div # btmBorder {

border-bottom: 1px solid negro;

}

->

</ Style>

3 Desplazarse por debajo del cuerpo de la etiqueta de apertura y coloque el cursor donde desea que aparezca el div.

4 Inserte el siguiente código para agregar la etiqueta div y aplicar el estilo que ha creado:

<Div id = "btmBorder"> Sus contenidos entra aquí </ div>