Cómo crear una frontera con etiquetas div

Una etiqueta DIV es una etiqueta HTML que llena toda una línea. Como tal, a menudo se utiliza como contenedor de bloques de contenido. De hecho, la etiqueta DIV puede contener otras etiquetas que crean párrafos, listas con viñetas, imágenes y enlaces. Dependiendo de la disposición general de su página Web, es posible que desee utilizar fronteras para hacer el envase más visible. Cuando se agrega un borde a la DIV, lo mejor es incluir algo de relleno. Esto mantiene sus contenidos de estar sentado a la derecha de la moldura.

Instrucciones

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

2 Desplazarse por debajo de la etiqueta BODY y haga clic donde desee que la etiqueta DIV para ir.

3 Inserte el siguiente código para crear un borde alrededor de todos los lados de la etiqueta DIV:

<Div style = "border: 1px solid negro;"> Sus contenidos van aquí </ div>

4 Reemplazar "1px" con el tamaño del borde. Reemplazar "sólida" con "discontinua", "puntos", "doble" o el tipo de borde que desee. Reemplazar "negro" con el color de la frontera.

5 Reemplazar "frontera" con "border-top", "abajo hacia abajo", "abajo a la izquierda" o "abajo a la izquierda" para personalizar donde aparece la frontera. El siguiente código, por ejemplo, sólo se aplica un borde a la parte superior de la DIV:

<Div style = "border: 1px solid negro;"> Sus contenidos van aquí </ div>

6 Añadir el relleno entre el DIV y su contenido con el siguiente código, pero reemplace "5px;" con la cantidad de espacio que desea incluir:

<Div style = "border: 1px solid negro; padding: 5px;"> Sus contenidos van aquí </ div>