11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Unidad 17. Estilos CSS Avanzado (IX)17.9Controles <strong>de</strong> fondoEn este apartado veremos las propieda<strong>de</strong>s que pue<strong>de</strong>n aplicarse sobre <strong>el</strong> fondo.Estas propieda<strong>de</strong>s se pue<strong>de</strong>n aplicar sobre muchos <strong>de</strong> los <strong>el</strong>ementos, tanto c<strong>el</strong>das, párrafos o <strong>el</strong>body <strong>de</strong> la página.background-color permite establecer <strong>el</strong> color <strong>de</strong> fondo. Utiliza los mismos códigoshexa<strong>de</strong>cimales o los nombres <strong>de</strong> color que vimos en la propiedad color d<strong>el</strong> texto.La sintaxis es igual a la que hemos visto hasta ahora:td.rojo {background-color: red;}background-image establece una imagen <strong>de</strong> fondo para <strong>el</strong> <strong>el</strong>emento.body {background-image: url(imagenes/fondo.jpg);}Por <strong>de</strong>fecto, las imágenes se posicionarán en la esquina superior izquierda y en mosaico.background-repeat indica <strong>el</strong> modo <strong>de</strong> repetición <strong>de</strong> la imagen establecida para <strong>el</strong> fondo.Pue<strong>de</strong> tomar los siguientes valores:repeat: la imagen se repite a modo <strong>de</strong> mosaico hasta ocupar la página completa.repeat-x: la imagen se repite a lo largo d<strong>el</strong> eje horizontal.repeat-y: la imagen se repite a lo largo d<strong>el</strong> eje vertical.no-repeat: la imagen no se repite.Por omisión, <strong>el</strong> valor que se toma es repeat, por lo que se genera un mosaico con la imagen d<strong>el</strong>fondo.Deberás <strong>de</strong>clarar la URL <strong>de</strong> la imagen para po<strong>de</strong>r utilizar esta propiedad:

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!