Heim >Web-Frontend >CSS-Tutorial >So brechen Sie das automatische Ausfüllen von Bildern in CSS ab

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

WBOY
WBOYOriginal
2021-11-29 17:42:582871Durchsuche

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>

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn