Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Poner fondo con CSS

Tags: manual, css, imagen, fondo, color, repita, horizontal, vertical
publicado el 2010-06-02   leido 3637 leídas

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;}

Te gust?

Estructura básica del código CSS

Crear listas con HTML

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:


Ultimos Artculos
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados