Alguma sintaxe de plano de fundo em CSS css
Autor:Eve Cole
Data da Última Atualização:2009-06-09 20:25:11
descrição css
background-image:url("URL da imagem");
background: url("URL da imagem");
cor de fundo:#código de cor;
Exp:
imagem de fundo:url(padrão de fundo.jpg,gif,bmp);
cor de fundo:#FFFFFF;
background-color : transparente <--Define o fundo para uma cor transparente;
-------------------------------------------------- ----------------------------------
background-repeat altera a configuração de repetição lado a lado das imagens de fundo
CSS
ilustrar
repita imagens de fundo lado a lado
imagens de fundo repetidas x são organizadas lado a lado na direção X
imagens de fundo repetidas são organizadas lado a lado na direção Y
imagens de fundo sem repetição não são processadas lado a lado
Exp:
imagem de fundo:url("/u/info_img/2009-06/09/xx.gif");
repetição em segundo plano: sem repetição;
Use esta imagem como plano de fundo Quando o tamanho da imagem não for suficiente, não repita lado a lado.
-------------------------------------------------- ----------------------------------
Se o anexo de fundo corrige a posição da imagem
CSS
ilustrar
scroll Quando a rolagem é puxada, a imagem de fundo se moverá de acordo (valor padrão)
fixo A imagem de fundo não se moverá quando a rolagem for puxada.
Exp:
imagem de fundo:url("/u/info_img/2009-06/09/xx.gif");
repetição em segundo plano: sem repetição;
anexo de fundo: fixo;
A imagem de fundo em /u/info_img/2009-06/09/xx.gif não é repetida e justaposta e não se move com a rolagem.
-------------------------------------------------- ----------------------------------
Posicione a posição de fundo por comprimento: x y
Use posicionamento percentual background-position: x% y%
CSS
ilustrar
x% mover para a direita
y% desce
posição de fundo: 0% 0%;
posição de fundo: 0% 50%;
posição de fundo: 50% 0% acima do centro;
posição de fundo: 50% 50%;
posição de fundo:100% 0%;
posição de fundo: 0% 100%;
posição de fundo: 100% 50%;
posição de fundo: 50% 100%;
posição de fundo: 100% 100% inferior direito;
Segmente com palavras-chave
Descrição da palavra-chave
topo (y = 0)
centro ( x = 50, y = 50 )
inferior (y = 100)
esquerda esquerda (x= 0)
Exp:
posição de fundo:centro;
A imagem está na posição X=50% Y=50% no centro do plano de fundo especificado
posição de fundo: 200px 30px