Beispiel
Stellen Sie die Hintergrundfarbe der verschiedenen Elemente:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Hintergrundfarbe Eigenschaft legt die Hintergrundfarbe eines Elements.
Der Hintergrund eines Elements ist die Gesamtgröße des Elements, einschließlich Polsterung und Rand (but not the margin) .
Tip: Verwenden Sie eine Hintergrundfarbe und eine Textfarbe , die der Text leicht zu lesen macht.
| Standardwert: | transparent |
|---|---|
| Vererbt: | no |
| Anima: | yes. Read about animatable Try it |
| Version: | CSS1 |
| JavaScript-Syntax: | object .style.backgroundColor="#00FF00" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
background-color:color|transparent|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| color | Gibt die Hintergrundfarbe. Schauen Sie sich CSS Farbwerte für eine vollständige Liste der möglichen Farbwerte. | Spiel es " |
| transparent | Gibt an, dass die Hintergrundfarbe transparent sein sollte. Dies ist die Standardeinstellung | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Beispiel
Stellen Sie die Hintergrundfarbe eines Teils des Textes:
span.highlight {
background-color: yellow;
}
Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Hintergrund
HTML - DOM - Referenz: backgroundColor property - backgroundColor property