ubiquitour.com

Como hacer una hoja de estilo para el DIV

Como hacer una hoja de estilo para el DIV

CSS le permite crear hojas de estilo en pantalla contenido de la Página Web de control y el diseño. Un DIV es un HTML que proporciona un medio para agrupar otros elementos HTML, como imágenes, títulos y párrafos. Usted puede controlar muchos de los atributos de tus DIVs con CSS. Utilice una hoja de estilo para indicar el color tamaño, posición y fondo de un grupo DIV.

Instrucciones

1 Iniciar un texto o editor HTML. Abra su página Web.

2 Tipo de un estilo para un DIV con un fondo amarillo claro. Inserte el código sobre la etiqueta "< / cabeza >":

estilo de < >

{highlightDiv} left:48px;

width:200px;

background-color:#FFFF99;

}

< / estilo >

3 Introduzca el id del estilo en la etiqueta DIV para aplicar el estilo:

< div id = "highlightDiv" >< p > gran venta Going On... < /p >< / div >

Guardar la Página Web.

4 Crear un archivo nuevo para crear una hoja de estilos externa que pondrá a disposición sus estilos a varias páginas. Inserte el DIV estilo de codificación en el archivo:

{highlightDiv} left:48px;

width:200px;

background-color:#FFFF99;

}

Guardar la hoja de estilo con un ". Extensión CSS", por ejemplo,"main.css".

5 Insertar una referencia para la hoja de estilos en cada página que desea acceder el estilo. Poner el enlace por encima de la etiqueta "< / cabeza >":

< link Main.css "rel ="stylesheet"type =" text/css">

Guarde todos los archivos. Prueba de su página Web en un explorador Web.