Alguna sintaxis de fondo en CSS css
Autor:Eve Cole
Fecha de actualización:2009-06-09 20:25:11
descripción css
imagen de fondo:url("URL de la imagen de fondo");
fondo: url("URL de la imagen");
color de fondo:#código de color;
Exp.:
imagen de fondo:url(patrón de fondo.jpg,gif,bmp);
color de fondo:#FFFFFF;
color de fondo: transparente <--Establece el fondo en un color transparente;
-------------------------------------------------- ----------------------------------
repetición de fondo cambia la configuración de repetición una al lado de la otra de las imágenes de fondo
CSS
ilustrar
repetir imágenes de fondo una al lado de la otra
Las imágenes de fondo repetidas x están dispuestas una al lado de la otra en la dirección X.
Las imágenes de fondo repetidas están dispuestas una al lado de la otra en la dirección Y.
Las imágenes de fondo que no se repiten no se procesan una al lado de la otra.
Exp.:
imagen de fondo:url("/u/info_img/2009-06/09/xx.gif");
repetición de fondo: sin repetición;
Utilice esta imagen como fondo. Cuando el tamaño de la imagen no sea suficiente, no la repita una al lado de la otra.
-------------------------------------------------- ----------------------------------
Si el archivo adjunto de fondo corrige la posición de la imagen
CSS
ilustrar
desplazarse Cuando se tira del desplazamiento, la imagen de fondo se moverá en consecuencia (valor predeterminado)
fijo La imagen de fondo no se moverá cuando se tire del desplazamiento.
Exp.:
imagen de fondo:url("/u/info_img/2009-06/09/xx.gif");
repetición de fondo: sin repetición;
archivo adjunto de fondo: fijo;
La imagen de fondo en /u/info_img/2009-06/09/xx.gif no se repite ni se yuxtapone, y no se mueve con el desplazamiento.
-------------------------------------------------- ----------------------------------
Posición de fondo-posición por longitud: x y
Usar posicionamiento porcentual posición de fondo: x% y%
CSS
ilustrar
x% moverse hacia la derecha
y% baja
posición de fondo: 0% 0% arriba a la izquierda;
posición de fondo: 0% 50% centro izquierdo;
posición de fondo: 50% 0%; arriba del centro;
posición de fondo: 50% 50%;
posición de fondo: 100% 0%;
posición de fondo: 0% 100%; abajo a la izquierda;
posición de fondo: 100% 50%; centro derecha;
posición de fondo: 50% 100%; medio e inferior;
posición de fondo: 100% 100%; abajo a la derecha;
Orientar con palabras clave
Descripción de la palabra clave
arriba ( y = 0 )
centro ( x = 50, y = 50 )
abajo ( y = 100 )
izquierda izquierda (x= 0)
Exp.:
posición de fondo: centro;
La imagen está en la posición X=50% Y=50% en el centro del fondo especificado
posición de fondo: 200px 30px