Was sind die hintergrundbezogenen Attribute in CSS? Einführung in CSS-Hintergrundeigenschaften-CSS-Tutorial-php.cn

Was sind die hintergrundbezogenen Attribute in CSS? Einführung in CSS-Hintergrundeigenschaften

不言

Freigeben： 2018-08-18 13:45:05

Original

5450 Leute haben es durchsucht

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>

Nach dem Login kopieren

box.css

body{    
background-color:#123456;
}

Nach dem Login kopieren

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);
    }

Nach dem Login kopieren

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;
    }

Nach dem Login kopieren

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;    
}

Nach dem Login kopieren

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;
    }

Nach dem Login kopieren

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!