Users Viewing This Thread

02-09-2009 15:10

A edição do background faz-se essencialmente através de CSS. Podemos alterar a cor, a posição, as vezes que queremos que repita (no caso de termos uma imagem como fundo), a margem...

Estas são as propriedades do Background:

background-color............... cor do fundo;
background-image............. imagem de fundo;
background-repeat............. maneira como a imagem de fundo é posicionada;
background-attachment.......se a imagem de fundo "rola" ou não com a tela;
background-position............como e onde a imagem de fundo é posicionada;
background........................maneira abreviada para todas as propriedades;

Para cada propriedade, usam-se vários valores, tais como:

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

Um exemplo de uma propriedade completa é o seguinte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
</body>
</html>

Esta linha de código mostra a aplicação de uma imagem como background. Para todas as outras aplicações, basta seguir o mesmo caminho:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
</body>
</html>

Simples. : )

02-09-2009 15:32

Boa, mais um tópico em que me ajudas com CSS.
Obrigado

02-09-2009 15:37

(02-09-2009 15:32).:JT:. Escreveu: Boa, mais um tópico em que me ajudas com CSS.
Obrigado

De nada

este está simples, para ser mais fácil entender...acho que se percebe bem. :x

02-09-2009 15:56

Sim percebe-se bem Wink

Tópicos possivelmente relacionados...
Tópico:		Autor	Respostas:	Visualizações:	Último Post
	Introdução ao CSS - Códigos base.	Cálem	14	783	31-08-2009 14:08 Último Post: Cálem

Modo por Tópicos \| Modo Linear Introdução ao CSS - Background.
Autor	Mensagem

Users Viewing This Thread
1 Guest(s)