So brechen Sie das automatische Ausfüllen von Bildern in CSS ab-CSS-Tutorial-php.cn

So brechen Sie das automatische Ausfüllen von Bildern in CSS ab

WBOY

Freigeben： 2021-11-29 17:42:58

Original

2855 Leute haben es durchsucht

In CSS können Sie das Attribut „background-repeat“ verwenden, um das automatische Füllen von Bildern abzubrechen. Die Syntax lautet „Bildelement {background-repeat:no-repeat;}“.

So brechen Sie das automatische Ausfüllen von Bildern in CSS ab

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So brechen Sie das automatische Füllen von Bildern in CSS ab

Wir können das automatische Füllen von Bildern über das Attribut „background-repeat“ abbrechen, mit dem festgelegt wird, ob und wie das Hintergrundbild wiederholt werden soll. Standardmäßig wiederholt sich das Hintergrundbild horizontal und vertikal.

Wenn der Wert dieses Attributs „No-Repeat“ lautet, bedeutet dies, dass das Bild nicht automatisch gefüllt wird.

So brechen Sie das automatische Ausfüllen von Bildern in CSS ab

Das Beispiel lautet wie folgt:

<html>
<head>
<style type="text/css">
body{ 
background-image: 
url(/i/eg_bg_03.gif);
}
</style>
</head>
<body>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So brechen Sie das automatische Ausfüllen von Bildern in CSS ab

Wenn der Stil „background-repeat:no-repeat;“ hinzugefügt wird, lautet das Ausgabeergebnis:

So brechen Sie das automatische Ausfüllen von Bildern in CSS ab

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo brechen Sie das automatische Ausfüllen von Bildern in CSS ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!