Propriedades do fundo do CSS

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