CSS - Propriedade "background"

Oi, hoje estudaremos sobre a propriedade background, e suas pseudo-classes, Essas propriedades são coisas básicas que você deve saber para personalizar seu blog.

As pseudo-classes

Pseudo-classes são modos dependendo do estado.

As pseudo-classes da propriedade background são:

  1. background-color............... cor do fundo;
  2. background-image............. imagem de fundo;
  3. background-repeat............. maneira como a imagem de fundo é posicionada;   
  4. background-attachment.......se a imagem de fundo "rola" ou não com a tela;  
  5. background-position............como e onde a imagem de fundo é posicionada;
  • background-color:
    1. código hexadecimal: #FFFFFF
    2. código rgb: rgb(255,235,0)
    3. nome da cor: red, blue, green...etc
    4. transparente: transparent
  • background-image:
    1. URL: url(caminho/imagem.gif)
  • background-repeat:
    1. não repete: no-repeat
    2. repete vertical e horizontal: repeat
    3. repete vertical: repeat-y
    4. repete horizontal: repeat-x
  • background-attachment:
    1. imagem fixa na tela: fixed
    2. imagem "rola" com a tela: scroll
  • background-position:
    1. x-pos y-pos
    2. x-% y-%
    3. top left
    4. top center
    5. top right
    6. center left
    7. center center
    8. center right
    9. bottom left
    10. bottom center
    11. bottom right


Obrigado
  Eduardo Miorim
Share this article :
 

Postar um comentário