-
Cómo crear colores de fondo en una página Web
-
Todos los navegadores web modernos muestran páginas Web con fondos blancos por defecto. En el pasado, era necesario añadir el color de fondo en la etiqueta <body> de cada página. Cascading Style Sheets (CSS) hacen posible especificar un color de fondo para cada página de su sitio web utilizando un archivo. Puede utilizar códigos hexadecimales de colores exactos o utilizar nombres de cualquiera de los colores compatibles con Web 256 disponibles. Puede enlazar CSS para sus archivos HTML para múltiples páginas Web.Instrucciones
1 Abrir los archivos HTML de su sitio web en un editor de código, tal como Notepad ++, BBEdit o jEdit. Agregue el código siguiente entre las etiquetas <head> y </ head> para cada archivo HTML en el que los ve:
<Link rel = "stylesheet" href = "style.css" type = "text / css" />
El código anterior "enlaces" un archivo de hoja de estilo para cada archivo HTML que tiene etiquetas <head>. Cuando se agrega colores de fondo a su hoja de estilo, todas las páginas de su sitio web se mostrará con esos colores.
2 Crear un archivo en blanco y guardarlo como "style.css". Agregue el código siguiente:
body {background-color: negro; }
Este código CSS da una página web entera un fondo negro. Change "negro" en el nombre de un color básico o utilizar un código hexadecimal:
body {background-color: #cccccc; }
3 Añadir colores de fondo a cualquier elemento HTML con el siguiente formato CSS:
nombredeetiqueta {background-color: #cccccc; }
.class-nombre {background-color: #cccccc; }
id-nombre {background-color: #cccccc; }
nombres de las clases de prefijo con un período y los nombres de identificación con el símbolo de sostenido. El nombre de la etiqueta es el nombre de una etiqueta, como "cuerpo" o "div". Encuentra el nombre de clase o nombre de identificación de una etiqueta mirando en el HTML. He aquí un ejemplo de una etiqueta con tanto un ID y una clase:<Div id = clase "-barra lateral izquierda" = "sidebar"> </ div>
Consejos y advertencias
- Para utilizar CSS dentro de un único archivo HTML, se puede poner dentro de <style> y </ style> etiquetas en lugar de un archivo independiente, vinculada. Las etiquetas <style> pertenecen entre <head> y </ head>.
- Use un sitio web selector de color para encontrar los códigos hexadecimales de colores.