Publicado por: Rogério Alencar Lino Filho em: 12 Julho, 2006
Primeira referência de CSS vai ser sobre:
Background & Border
- Background
background-color: define a cor de fundo (ex: hexa/rgb/nome/transparent);
background-image: imagem do fundo (ex: url(img/fundo.gif) );
background-repeat: se a imagem de fundo repete ou não. (ex: repeat/repeat-x/repeat-y/no-repeat);
background-attachment: define se a imagem de fundo fica fixa ou rola junto com a página (ex: fixed/scroll);
background-position: aonde começa a imagem de fundo, por padrão top e left. (ex: top/center/bottom/x-pos/x-% left/center/right/y-pos/y-%);
background: forma resumida de utilizar tudo, mas não é necessário declarar tudo. Qual não for declarado assumirá o valor padrão. (ex: #FF00FF url(fundo.gif) no-repeat);
- Border
border-width: largura da borda. (ex: thin/medium/thick/valor);
border-style: estilo da borda. (ex: solid/dotted/dashed/groove/ridge/inset/outset);
border-color: a cor da borda (ex: hexa/rgb/nome/none);
border: forma resumida (ex: 1px solid black);
border-top: definido do mesmo modo que o border porém só para cima.
border-right: borda da direita (ex: 2px dotted yellow);
border-bottom: borda de baixo;
border-left: borda da esquerda;
Por enquanto é só isso, adiante veremos mais.
mais sobre:
