ubiquitour.com

Cómo crear un borde con etiquetas DIV

Una etiqueta DIV es una etiqueta HTML que llena una línea. Como tal, a menudo se utiliza como contenedor para bloques de contenido. De hecho, la etiqueta DIV puede contener otras etiquetas que crean los párrafos, listas con viñetas, imágenes y enlaces. Dependiendo del diseño general de su página Web, puede que desee utilizar las fronteras para hacer más visible el contenedor. Cuando se agrega un borde a la DIV, es mejor incluir algún relleno. Esto mantiene su contenido de sesión contra la frontera.

Instrucciones

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

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

3 Inserte el código siguiente para crear un borde alrededor de todas las partes de la etiqueta DIV:

< div estilo = "frontera: 1px solid black;" > su contenido vaya aquí < / div >

4 Cambie el tamaño de "1px" con la frontera. Reemplazar "sólido" con "guiones", "punteado", "doble" o el tipo de borde que desee. Reemplazar "negro" con el color de la frontera.

5 Reemplace "frontera" con "frontera-top", "inferior inferior," "inferior izquierda" o "inferior izquierda" personalizar donde aparece la frontera. El siguiente código, por ejemplo, sólo aplica un borde a la cima del DIV:

< div estilo = "frontera: 1px solid black;" > su contenido vaya aquí < / div >

6 Agregar relleno entre el DIV y su contenido con el siguiente código, pero reemplaza "5px"; con la cantidad de espaciado que desee incluir:

< div estilo = "frontera: 1px solid black; padding: 5px; " > su contenido vaya aquí < / div >