ubiquitour.com

Cómo poner un DIV en un contenedor con CSS

En cascada hojas de estilo (CSS), DIVs y envolturas van mano en mano. CSS le ayuda a manipular la forma de contenido que se muestra en su página Web, si usted está trabajando con un contenedor (el contenedor que envuelve el contenido de una página Web completa) o un DIV (un recipiente que contiene una sección de su página). La envoltura sí mismo es un DIV que actúa como un contenedor primario. Puede incluir uno o varios DIVs, cada uno con sus propios estilos y elementos.

Instrucciones

1 Desplácese hasta la etiqueta HEAD del archivo HTML que desea modificar.

2 Crear un código CSS para la envoltura y el DIV que desea insertar en su página Web, donde "#wrapper" se aplica al DIV contenedor/recipiente y "#header" se aplica al DIV se está insertando (como un encabezado) como sigue:

< estilo tipo = "text/css" >

<!--

{cuerpo}

font-family: Verdana, Arial, Helvetica, sans-serif;

}

#wrapper {}

anchura: 80%;

frontera: 1px solid black;

}

#header {}

padding: 15px;

texto-alinee: Centro;

}

-->

< / estilo >

3 Personalizar el estilo en el código anterior a tu gusto. Para crear un estilo para DIVs adicionales, copie el formato de "#header" y cámbiele el nombre.

4 Coloque el cursor justo debajo de la apertura etiqueta BODY. Utilice un "id" para hacer referencia a la envoltura y DIV se está insertando como sigue:

< cuerpo >

< div id = "wrapper" >

< div id = "cabecera" > contenido de encabezado va aquí < / div >

< / div >

< /body >