Note: Chào mừng bạn đến với Cntt-k3.com. Hãy Đăng ký thành viên hoặc Đăng nhập để có thể tham gia cùng Cntt-k3 nhá !

Você não está conectado. Conecte-se ou registre-se

Aprendendo a programar em CSS #4 - Propriedades de um background/plano de fundo

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

Wh0s

Wh0s
Administrador

As propriedades de plano de fundo em CSS definem os efeitos de fundo de um elemento.


Exemplos

Configurar a cor do plano de fundo
Este exemplo demonstra como configurar a cor de fundo para um elemento.

Configurar uma imagem como plano de fundo
Este exemplo demonstra como configurar uma imagem como plano de fundo.

Como repetir uma imagem de fundo
Este exemplo demonstra como repetir uma imagem de fundo só verticalmente.

Como posicionar a imagem de fundo
Este exemplo demonstra como posicionar a imagem de fundo numa página.

Como configurar uma imagem de fundo fixa
Este exemplo demonstra como configurar uma imagem de fundo fixa. A imagem não rolará com o resto da página.

Todas as propriedades do plano de fundo um uma declaração
Este exemplo demonstra como usar a estenografia (shorthand) para configurar todas as propriedades do plano de fundo em uma declaração.



O Plano de Fundo em CSS

A propriedade Background permite que você controle a cor do plano de fundo de um elemento, configure uma imagem como plano de fundo, e posicione uma imagem em uma página.


Propriedades do Plano de Fundo:

NN: Netscape, IE: Internet Explorer, W3C: padrão Web
[th]Propriedade[/th][th]Descrição[/th][th]Valores[/th][th]NN[/th][th]IE[/th][th]W3C[/th]
backgroundUma propriedade estenográfica para configurar todas as propriedades do plano de fundo em uma declaraçãobackground-color
background-image
background-repeat background-attachment
background-position
6.04.0CSS1
background-attachmentEspecifica se uma imagem de plano de fundo é fixa ou rola com o resto da páginascroll
fixed
6.04.0CSS1
background-colorConfigura a cor do plano de fundo de um elementocolor-rgb
color-hex
color-name
transparent
4.04.0CSS1
background-imageConfigura uma imagem como plano de fundourl
none
4.04.0CSS1
background-positionConfigura a posição inicial de uma imagem de plano de fundotop left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos
6.04.0CSS1
background-repeatEstabelece se/como uma imagem de plano de fundo será repetidarepeat
repeat-x
repeat-y
no-repeat
4.04.0CSS1

https://webtech.forumeiro.com

AndréR.

AndréR.
Programador

ótimo, conteúdo para iniciantes :)

Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos

  • Um fórum grátis | ©phpBB | Fórum gratuito de ajuda | Denunciar um abuso | Fórum grátis