Gastar por favor alguma hora com este tutorial se voc� quiser dar o fundo de seu Web site. Usar um fundo claro com texto escuro, se voc� estiver apontando para um Web site profissional. Entretanto, qualquer tipo da combina��o da cor seria aceit�vel, se voc� fosse justo fazendo um Web site para o prazer.

Voc� pode capaz de ajustar a cor do fundo ou a imagem de todo o elemento do CSS com a ajuda do CSS. Al�m, como a imagem de fundo � indicada, voc� tem o controle sobre ele. Voc� pode escolher n�o mandar o repetir verticalmente, horizontalmente, ou nenhum sentido. Voc� pode tamb�m escolher ter a posi��o do scroll do fundo como faz normalmente ou remanesce em um de posi��o fixa. Como executar todas estas op��es, os seguintes exemplos o mostrar�o.

Para definir efeitos do fundo de um elemento, as propriedades do fundo do CSS s�o usadas.

Fundo do CSS

Para especificar a informa��o sobre como indicar a superf�cie do fundo em que o �ndice (imagens, texto, etc.) � rendido, esta nota��o da propriedade do shorthand � usada. Os fundos podem ser imagens e/ou cores. Se uma imagem for especificada, muitas escolhas est�o dispon�veis para especificar o comportamento da exposi��o. Na mesma defini��o da propriedade, uma imagem e a cor de fundo podem ser especificadas, mas n�o se requer para ter ambos. Os valores estar�o ignorados, se as propriedades do comportamento do URL forem alistadas sem um URL acompanhando. Embora esta propriedade n�o herde, por causa do valor �transparente� da fundo-cor do defeito nos elementos das crian�as, o fundo de um elemento do pai brilhar� completamente. Fora de diversas propriedades do shorthand, a propriedade do fundo � uma que especificam os valores que controlam muitos aspectos do comportamento da exposi��o

Cor do fundo do CSS

Como voc� viu durante todo Tutorials dos academictutorials, muitas cores diferentes do fundo est�o atuais. Sem usar tabelas, estes fundos variando foram obtidos. Abaixo est�o dois exemplos de fundos do CSS.

<p style="background-color:yellow;">This text has a background color applied.</p>

O/P:

Este texto tem uma cor do fundo aplicada.

Imagem de fundo do CSS

quando os scrolls do usu�rio abaixo sua p�gina talvez que voc� gostaria de ter uma imagem que remanescesse fixa. Com CSS, isto pode ser feito completamente f�cilmente e mais, incluindo:

escolher se um fundo repetir e que sentidos repetir dentro.
posicionar da precis�o
enrolar-se/imagens de est�tica

Vamos come�ar com uma imagem de fundo do CSS do defeito.

p { background-image: url(/images/sunset.jpg); }
h1{ background-image: url(/images/winter.jpg); }

O/P:

Este <p> tem uma imagem de fundo usando um trajeto local ao retrato.

Este <h1> tem uma imagem de fundo usando o trajeto completo do URL.

Repeat da imagem de fundo

Voc� pode ter um repeat da imagem de fundo horizontalmente (x), verticalmente (y), em ambos os sentidos, ou em nenhum sentido.

C�digo do CSS:

p {
background-image: url(smallPic.jpg);
background-repeat: repeat; }
h1 {
background-image: url(smallPic.jpg);
background-repeat: repeat-y; }
ol {
background-image: url(smallPic.jpg);
background-repeat: repeat-x; }
ul {
background-image: url(smallPic.jpg);
background-repeat: no-repeat; }

Propriedades do fundo do CSS

Voc� pode controlar a cor do fundo de um elemento, ajustar uma imagem como o fundo, repetir uma imagem de fundo verticalmente ou horizontalmente, e posicionar uma imagem em uma p�gina com a ajuda das propriedades do fundo do CSS.

Sustenta��o do Browser: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: O n�mero na coluna de �W3C� indica em que recomenda��o do CSS a propriedade � definida (CSS1 ou CSS2)

Property	Description	values
background	A shorthand property for setting all background properties in one declaration	background-color background-image background-repeat background-attachment background-position
background-attachment	Sets whether a background image is fixed or scrolls with the rest of the page	scroll fixed
background-color	Sets the background color of an element	color-rgb color-hex color-name transparent
background-image	Sets an image as the background	url none
background-position	Sets the starting position of a background image	top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos
background-repeat	Sets if/how a background image will be repeated	repeat repeat-x repeat-y no-rep

Keywords: css code background for friendster, css background codes, css background image, free css background codes, friendster css background codes, css background image code, css background color, css background repeat, css table background opacity, css background position

HTML Quizes

XML Quizes