Cómo aplicar una CSS para una etiqueta DIV

etiquetas HTML DIV a menudo se utilizan para agrupar varios tipos de elementos, como imágenes, tablas y el texto, en un contenedor. Puede aplicar estilos CSS a la DIV, como el color de fondo, color de texto y bordes. La aplicación de un color o borde de fondo es una manera útil de mostrar su DIV como grupo a los usuarios. CSS fronteras varían en tamaño, forma y color.

Instrucciones

1 Abra la página HTML en un editor.

2 Escriba los valores de estilo de fronteras en la etiqueta DIV:

<Div style = "border: # 000000 fina discontinua">

<P> un bloque de datos. </ P>

</ Div>

El DIV está rodeada por un borde punteado fino, negro. Modificar los atributos de la frontera para que se adapte a sus necesidades. ancho del borde o el espesor puede ser delgada, mediana, gruesa o un valor numérico como "12px". El color se representa mediante diversos métodos, incluyendo un número hexadecimal de color como se muestra en el ejemplo, un color RGB "rgb (255,0,0)" o un nombre de color válido como "azul" y "rojo". El estilo de borde puede ser sólida, punteada o doble.

3 Escriba el código para insertar un color de fondo para el grupo DIV:

<Div style = "background-color: # 99CC00">

<P> un bloque de datos. </ P>

</ Div>

La agrupación DIV muestra un fondo verde lima. Los valores de color se pueden definir por varios métodos, incluyendo un número hexadecimal de color como se indica anteriormente, un color RGB "RGB (255,0,0)" o un nombre de color válido como "amarilla" y "negro".

4 Guarde la página. Abra el documento en un navegador Web para probar la CSS.