Tecnología

Inicio

Cómo hacer contraste de fondo en las Páginas Web

Cómo hacer contraste de fondo en las Páginas Web


Si desea que cada sección de la página web que se destacan, considerar la creación de un fondo de contraste en su página web. Este contraste hace que los elementos de diseño, como el color de fondo y la fuente, diferente en cada elemento de la página, como el encabezado y el cuerpo principal. Cascading Style Sheets (CSS) le da la capacidad para dar formato a los estilos para cada elemento que lo desee. Utilice el programa editor de texto de su computadora para hacer contrastes de fondo que llaman la atención sobre sí mismos.

Instrucciones

1 Abrir su programa editor de texto y crear una nueva página. Haga clic en la opción del menú Archivo "Guardar como" para el nombre de su documento y guardarlo con la extensión CSS (por ejemplo, styles.css).

2 Introducir normas de identificación de los elementos de la página que muestra un fondo. secciones comunes incluyen el encabezado, pie de página y el área de contenido principal. Para ilustrar:

cabecera {} {} pie de página principal {}

3 Tipo "background-color:;" entre las llaves de cada regla, y escriba un valor hexadecimal de color distinto después de cada atributo. Por ejemplo:

cabecera {background-color: # 0000ff; } Pie de página {background-color: # 00ffff; } Principal {background-color: #ffffff;

4} Enter "font-size:;" en cada estilo y escriba un valor en píxeles (px) para determinar el tamaño de su texto cada sección. Por ejemplo:

cabecera {font-size: 40px; } Pie de página {font-size: 10px; } Principal {font-size: 14px;

5} Guarde el archivo CSS, y subirlo a su servidor web en la misma zona donde guarda archivo de índice principal de su sitio. Abrir un documento en el sitio web de su editor de texto.

6 Coloque el cursor antes de que el elemento final </ head>, y escriba lo siguiente para aplicar la hoja de estilo a la página:
<Link rel = "stylesheet" type = "text / css" href = "styles.css" />

Repita este proceso en todos los documentos web que prefiera.

7 Guarde el documento de página web, y subirlo a su servidor Web para publicar el contraste de fondo.

Consejos y advertencias

  • Un ID de nombres de estilos CSS a un campo particular en su página. Para crear un ID, escriba un signo de número seguido de un período de su elección y escriba un par de llaves al final (por ejemplo, #header {}).
  • Separe cada atributo en la regla CSS con un punto y coma. Para ilustrar:
  • #header {background-color: # 0000ff; font-size: 40px; }