Heim > Artikel > Web-Frontend > Was sind die hintergrundbezogenen Attribute in CSS? Einführung in CSS-Hintergrundeigenschaften
Was sind die hintergrundbezogenen Attribute in CSS? Einführung in CSS-Hintergrundeigenschaften
- 不言Original
- 2018-08-18 13:45:055433Durchsuche
Was sind die zugehörigen Attribute des CSS-Hintergrunds? Der folgende Artikel stellt Ihnen die CSS-Hintergrundeigenschaften vor. Er hat einen gewissen Referenzwert.
1. Das CSS-Hintergrundattribut legt die Hintergrundfarbe für den Inhalt fest:
Attribut:
Farbe;
erben; erben Sie den übergeordneten Stil
box.html
<!doctype html>
<html>
<head>
<mate charset="utf-8">
<title>背景</title>
<link href="box.css" type="text/css" rel="stylesheet">
</head>
<body>
<p为内容设置背景色：background-color；</p>
</body>
</html>box.css
body{
background-color:#123456;
}2. Das CSS-Hintergrundattribut legt den Hintergrund für den Inhalt des Bildes fest Hintergrundbild:url();
box.css
body{
background-color:#123456;
background-image:url(image.png);
}3. Hintergrundbild-Hintergrundanhang des CSS-Hintergrundattributs korrigiert
(Hintergrundanhang verwenden in CSS Das Attribut kann das Bild im Browser fixieren. Wenn Sie die Bildlaufleiste ziehen, scrollt das Hintergrundbild nicht mit dem Scrollen des Webseiteninhalts, wie auf dem Bild schwebender Text)
Attributwert:
scrollen; Das Hintergrundbild scrollt mit dem Inhalt der Webseite, der Standardwert ist festgelegt und wird nicht mit dem Inhalt gescrollt.
box.css
body{
background-color:#123456;
background-image:url(image.png);
background-attachment:fixed;
font-size: 45px;
}4. CSS-Hintergrundattribute Hintergrundbildkachel-Hintergrundwiederholung Attributwert:
Wiederholen;Hintergrundbild kacheln;Standard
Keine Wiederholung; Bilder nicht kacheln;
Wiederholen-x; Horizontal kacheln
repert-y; Kachel in vertikaler Richtung
box.css
body{
background-color:#123456;
background-image:url(image.png);
background-attachment:fixed;
font-size: 45px;
background-repeat: repeat-y;
}
5. Hintergrundbildpositionierung Hintergrundposition
Attributwert des CSS-Hintergrundattributs: oben Mitte;unten
rechts;links;erben;Stil der übergeordneten Klasse:
xxxpx,xxxpx;
xxx%,xxx%;
xxxpx,top;
box.css
body{
background-color:#123456;
background-image:url(image.png);
background-attachment:fixed;
font-size: 45px;
background-repeat:no-repeat;
background-position:left;
}Verwandte Empfehlungen:
CSS-Hintergrund, den Sie nicht kennen – Vollständige Lösung für CSS-Hintergrundattribute
Detaillierte Erläuterung des Hintergrundattributs von CSS
Das obige ist der detaillierte Inhalt vonWas sind die hintergrundbezogenen Attribute in CSS? Einführung in CSS-Hintergrundeigenschaften. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!