Exemplu
Setați fundal culoarea de elemente diferite:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea culoare de fundal setează culoarea de fundal a unui element.
Fundalul unui element este dimensiunea totală a elementului, inclusiv padding și la frontieră (but not the margin) și (but not the margin) .
Tip: Utilizați o culoare de fundal și o culoare de text , care face textul ușor de citit.
| Valoare implicită: | transparent |
|---|---|
| Mostenit: | no |
| Animatable: | yes. Read about animatable Try it |
| Versiune: | CSS1 |
| sintaxa JavaScript: | object .style.backgroundColor="#00FF00" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
CSS Sintaxa
background-color: Valori de proprietate Valoare Descriere Joaca-l color Specifică culoarea de fundal. Uită - te la valori de culoare CSS pentru o listă completă de posibile valori de culoare. Joaca - l » transparent Specifică faptul că culoarea de fond ar trebui să fie transparente. Acest lucru este implicit Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Mai multe exemple
Exemplu
Setați culoarea de fundal a unei părți a textului:
span.highlight {
background-color: yellow;
}
Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Context
HTML DOM referință: backgroundColor property