A continuación, las declaraciones posibles:
Este es un ejemplo de declaración:
<STYLE type="text/css"> H1 { background-color: #F00 } </STYLE> </HEAD> <BODY> <H1>El título</H1> </BODY>
<STYLE type="text/css"> H1 { background-image: url("mi_imagen.jpg")} </STYLE> </HEAD> <BODY> <H1>El título con una imagen de fondo</H1> </BODY>
Los valores posibles son:
Repeat: la imagen se repetirá horizontal y verticalmente.
no-repeat: la imagen de fondo se muestra sólo una vez.
repeat-x: la imagen de fondo se repite sólo horizontalmente.
repeat-y: la imagen de fondo se repite sólo verticalmente.
Este es un ejemplo:
body { background-image:url("mi_imagen.jpg") ; background-repeat: repeat-x ; }
Debemos entender que si su imagen es más pequeña que la página se obtiene un efecto de mosaico (o tablero de ajedrez).
Esta declaración permite especificar si una imagen es fija (fixed) o si por lo contrario sigue el movimiento de la página ...
Suscripción
acceso ilimitado a todos los libros de ENI sin compromiso de permanencia
libro impreso o digital online