HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
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>
|
|
|
|
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:
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); }
|
|
|
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 |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|