-
¿Cómo colocar un DIV En un derivador con CSS
-
las hojas de estilo en cascada (CSS), DIVs y envoltorios van mano a mano. CSS le ayuda a manipular las pantallas manera el contenido de su página web, ya sea que esté trabajando con una envoltura (el contenedor que envuelve el contenido de una página web entera) o un DIV (un recipiente que contiene una sección de la página). La envoltura en sí es un DIV que actúa como un contenedor principal. Se puede incluir una o varias Div, cada uno con sus propios estilos y elementos.
Instrucciones
1 Desplazarse 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 a la envoltura DIV / envase y "#header" se aplica a la DIV vas a insertar (tal como una cabecera) como sigue:
<Style type = "text / css">
<! -
cuerpo {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
anchura: 80%;
frontera: 1px solid negro;
}
#header {
padding: 15px;
text-align: center;
}
->
</ Style>
3 Personalizar el estilo en el código anterior a su gusto. Para crear un estilo para DIVs adicionales, copie el formato de "#header" y cambie su nombre.
4 Coloca el cursor justo por debajo de la etiqueta de apertura CUERPO. Use un "id" para hacer referencia a la envoltura y div vas a insertar la siguiente manera:
<Body>
<Div id = "contenedor">
<Div id = "header"> Contenido de Cabecera Ir aquí </ div>
</ Div>
</ Body>