-
Cómo hacer un pie de página Div en CSS
-
Las páginas web se componen de una serie de divisiones que forman su diseño (por ejemplo, cabecera, barra lateral, el cuerpo y el pie de página). HTML contiene elementos que se utilizan para definir estas diferentes divisiones, incluyendo, mesas, luces, capas y etiquetas DIV. Las mesas estaban a menudo la opción preferida para definir los diseños de página web. Sin embargo, desde la introducción de CSS, más desarrolladores están utilizando etiquetas DIV para definir los diseños de sus páginas web. etiquetas DIV en conjunto con CSS puede definir la cabecera, cuerpo, barras laterales y pies de página de las páginas web.
Instrucciones
1 Bloc de notas abierta.
2 Escribe o copia y pega el código siguiente en el Bloc de notas:
<Html>
<Style type = "text / css">
cuerpo {
background-color: #CCCCCC;altura: 400px;
Anchura: 800px;
}
pie de página {
background-color: #FF0000;altura: 50px;
Anchura: 800px;
}
</ Style>
<Body>
<Div id = "cuerpo"> Aquí está el cuerpo </ div>
<Div id = "pie"> Aquí está el pie de página </ div>
</ Body>
</ Html>
3 Haga clic en "Archivo" y luego "Guardar como". Seleccione "Todos los archivos" como el "Guardar como tipo".
4 Guarde el archivo como un archivo HTML mediante la colocación de ".HTML" al final del nombre de archivo. Ejemplo: myfooter.html.
5 Encuentra el archivo donde lo guardó en su disco duro y haga doble clic en él. Se debe poner en marcha en su navegador web. Debería ver un diseño colorido página que consiste en dos divisiones - un cuerpo y el pie de página en la parte inferior DIV.
