CSS-Syntaxhandbuch (5) Farb- und Hintergrundeigenschaften

1. Farbe

Funktion: Legen Sie die Farbe des Vordergrunds oder Elements fest.
Numerisch: Verwenden Sie Farbschlüsselwörter oder RGB-Werte.
Beispiel:

Textfarbe (Schlüsselwort)

Textfarbe (#rrggbb)

Textfarbe [rgb(rr , gg,bb)]

Textfarbe [rgb(r%,g%,b%)]

2. Hintergrundfarbe

Funktion: Seite oder Seite festlegen Hintergrundfarbe des Elements.
Wert:
Farbe – verfügbarer Farbname oder RGB-Wert
transparent – ​​transparent, wodurch der Seitenhintergrund zum Standardhintergrund wird.
Beispiel:

Hintergrundfarbe

3. Hintergrundbild

Funktion: Hintergrundgrafiken definieren.
Wert:
Keine – Grafiken nicht als Hintergrund verwenden
URL – Geben Sie die URL-Adresse der Grafikdatei an
Hinweis: Sie können auch das Attribut „Hintergrundfarbe“ einschließen, um es zu verwenden, wenn die Grafiken dies nicht können gefunden werden
Beispiel:

Grafikhintergrund

4. Hintergrundwiederholung

Funktion: Steuern, ob der Grafikhintergrund wiederholt wird .
Wert:
Wiederholung – vertikale und horizontale Wiederholung, Standardwert
Wiederholung-x – horizontale Wiederholung
Wiederholung-y – vertikale Wiederholung
keine Wiederholung – keine Wiederholung
Beschreibung: Dies Die Eigenschaft wird in Verbindung mit den Eigenschaften „background-image“ und „background-position“ verwendet.
Beispiel:

Horizontale Wiederholungsanordnung

5. Hintergrundanhang

Funktion: Geben Sie an, dass der Hintergrund des Elements ist zusammen mit dem Element Scrollen oder an einer bestimmten Position auf der Seite fixiert werden.
Wert:
scroll – scrollt mit dem Element
fixed – fixiert
Beschreibung:
Der Standardwert ist scroll, dieses Attribut wird zusammen mit dem Attribut „Hintergrundbild“ verwendet.

6. Hintergrundposition

Funktion: Wird verwendet, um den Elementhintergrund im Raum zu positionieren
Wert:
Länge – Legt den Startpunkt der Kante des Elementfelds relativ fest oder absolute Einheiten und geben Sie Koordinaten unter der Einheit an.
Prozentsatz – stellt die Position am Rand des Felds dar, an der der Browser mit der Platzierung des Bildes beginnt, als Prozentsatz. Dieser Wert kann wiederholt werden, um auch vertikale und horizontale Startpunkte bereitzustellen
Vertikale Position – legt den Startpunkt in vertikaler Richtung fest, die Schlüsselwörter sind oben, Mitte, unten
Horizontale Position – legt den Startpunkt in horizontaler Richtung fest , die Schlüsselwörter left, center, right
Zum Beispiel: oben links, links oben und 0 % 0 % bedeuten alle, dass die obere linke Ecke der Grafik in der oberen linken Ecke des Elementfelds beginnt
Beispiel:

Body {background- image:url(logo.gif); background-position:50% 50%}

Diese Anweisung setzt die Body-Basisklasse auf die Hintergrundgrafik, die in der Mitte der Seite angezeigt werden soll.

7. Hintergrund

Funktion: Abkürzungsattribut, Sie können alle Hintergrundattribute festlegen.
Wert:
Hintergrundanhang
Hintergrundfarbe
Hintergrundbild
Hintergrundposition
Hintergrundwiederholung
Einzelheiten zu den oben genannten Werten finden Sie im Abschnitt zu den einzelnen Eigenschaften.

Das Obige ist der Inhalt des CSS-Grammatikhandbuchs (5) Farb- und Hintergrundeigenschaften. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!