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

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Cat Geek - All Rights Reserved
Template Created by Creating Website Published by Mas Template | More Trick | IVY Themes
Proudly powered by Blogger