-
Cómo utilizar un fondo oscuro en páginas Web
-
A menos que el diseñador elige específicamente de otra manera, todos los navegadores web muestran las páginas web con fondos blancos o grises por defecto. Del mismo modo, el hipertexto y los enlaces se muestran en negro y azul claro a menos que se seleccionan colores alternos. De sobrescribir estos valores por defecto y la selección de su propia es un proceso rápido que implica cambios menores en el código HTML de la página y la inserción de unas pocas reglas de estilo Cascading Style Sheet (CSS).Instrucciones
1 Abra su página web. Si utiliza un programa de edición visual, como Microsoft FrontPage o Microsoft Expression Web, abra la página y cambiar la vista de edición para la vista de código. Esto le muestra el código HTML que controla el contenido y la apariencia de su página. Si utiliza un editor de texto como el Bloc de notas, abra la página en el programa.
2 Busque el <head /> etiqueta cerca de la parte superior de su código de página web. Pulse la tecla "Enter" para insertar una línea en blanco justo encima de la etiqueta.
3 Copiar y pegar las siguientes dos líneas de código en la línea en blanco que agregó en el paso anterior:
<Style type = "text / css">
</ Style>Este código indica al navegador web para buscar reglas de estilo que afectan a la apariencia de su página.
4 Pulse la tecla "Enter" para insertar una línea en blanco justo encima de la etiqueta </ style> etiqueta que agregó en el paso anterior. Copiar y pegar las siguientes dos líneas de código en la línea en blanco:
body {background-color: negro; color blanco }
a {color: orange}Estos cambian el color de fondo de la página de negro, el color del texto a blanco y el color de hipervínculo a naranja. Ajustar estos colores para adaptarse a las necesidades de su diseño.
5 Guarde la página web y abrirlo en su navegador. Su página tiene ahora un fondo oscuro, con el texto de color claro y enlaces a proporcionar suficiente contraste y la legibilidad.