Przykład
Ustaw background-color różnych elementów:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Właściwość background-color ustawia kolor tła elementu.
Tło elementu jest całkowita wielkość elementu, w tym wypełnianie i brzeg (but not the margin) .
Tip: Użyj kolor tła i kolor tekstu sprawia, że tekst jest łatwy do odczytania.
| Domyślna wartość: | transparent |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS1 |
| Składnia JavaScript: | object .style.backgroundColor="#00FF00" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| background-color | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Składnia CSS
background-color:color|transparent|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| color | Określa kolor tła. Spójrz na CSS wartości kolorów , aby uzyskać pełną listę możliwych wartości kolorów. | Graj " |
| transparent | Określa, że kolor tła powinien być przejrzysty. Jest to domyślny | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Więcej przykładów
Przykład
Ustaw background-color z części tekstu:
span.highlight {
background-color: yellow;
}
Spróbuj sam " Podobne strony
Kurs CSS: CSS Tło
HTML DOM referencyjny: backgroundColor property