Poner un color de fondo con CSS
Para poner un color de fondo con CSS utilizaremos background-color, esta propiedad acepta los siguiente atributos:
- Código hexadecimal: así #000000 este sería el color negro.
- Nombre: podemos elegir el nombre, aunque no funciona con todos los colores y siempre tendremos que especificarlo en inglés, alguno de ellos son; gray, green, red, etc.
Para este ejemplo usaremos el nombre del color, pero antes tenemos que abrir el archivo estilos.css (que creamos en la lección de hojas de estilos CSS) y escribir esto:
body{background-color:gray}luego lo guardamos y abrimos el archivo index.html (que venimos haciendo a lo largo del curso)
primero asegurate de haber relacionado la hoja de estilos con el archivo HTML en el archivo index.html asi:
<link href="estilos.css" rel="stylesheet" type="text/css" />
Vemos que aplicandole el estilo a la etiqueta
<body> funciono perfectamente, se puede ver en la imagen.
Poner imagen de fondo con CSS
Ahora si queremos poner una imagen de fondo que se repita (un patrón), lo haremos con el atributo background así:
body{ background: url(ruta/imagen.jpg); }En este sitio he utilizado esta imagen:
Que puedo decir, me gusta naruto jejeje, pero se repetirá de arriba a abajo y quedará así:
Hacer que la imagen de fondo no se repita.
body{background: url(imagen.jpg) no-repeat;}Hacer que la imagen de fondo solo se repita horizontalmente.
body{background: url(imagen.jpg) repeat-x;}Hacer que solo se repita Verticalmente.
body{background: url(imagen.jpg) repeat-y;} 
2010-06-02 
4542 leídas 
