So legen Sie den Bildkachelmodus in CSS fest-CSS-Tutorial-php.cn

So legen Sie den Bildkachelmodus in CSS fest

青灯夜游

Freigeben： 2021-11-10 17:17:22

Original

17024 Leute haben es durchsucht

In CSS können Sie das Attribut „background-repeat“ verwenden, um die Bildkachelmethode festzulegen. Wenn der Wert „repeat“ ist, kann der Hintergrund vollständig gekachelt werden. Wenn er „repeat-x“ ist, kann er horizontal gekachelt werden. Wenn es „repeat-y“ ist, kann es vertikal gekachelt werden, „no-repeat“ wird nicht gekachelt (das Bild wird nur einmal angezeigt).

So legen Sie den Bildkachelmodus in CSS fest

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

In CSS können Sie das Attribut „background-repeat“ verwenden, um die Bildkachelmethode festzulegen.

Das Attribut „Hintergrundwiederholung“ definiert den Kachelmodus des Bildes und legt fest, ob und wie das Hintergrundbild wiederholt werden soll.

Das Attribut „Hintergrundwiederholung“ kann vier Kachelmodi festlegen:

1. Wenn der Wert „Wiederholen“ lautet, kann der Hintergrund vollständig gekachelt werden

repeat: Standard. Das Hintergrundbild wird vertikal und horizontal wiederholt.

<!DOCTYPE html>
<html>
	<head>
		<style>
			div {
				width: 500px;
				height: 500px;
				border: 2px solid red;
				background-image: url(img/nz.png);
				background-repeat:repeat;
			}
		</style>
	</head>
	<body>
		<div ></div>
	</body>
</html>

Nach dem Login kopieren

So legen Sie den Bildkachelmodus in CSS fest

2 Wenn der Wert „repeat-x“ ist, kann das Hintergrundbild nur in der horizontalen Position wiederholt werden Der Wert ist „repeat-y“, es kann horizontal gekachelt werden

repeat-y: Nur die vertikale Position wiederholt das Hintergrundbild

So legen Sie den Bildkachelmodus in CSS fest

4 wird nicht gekachelt

no-repeat: Das Hintergrundbild wird nur einmal angezeigt

div {
	width: 500px;
	height: 500px;
	border: 2px solid red;
	background-image: url(img/nz.png);
	background-repeat:repeat-x;
}

Nach dem Login kopieren

So legen Sie den Bildkachelmodus in CSS fest

(Lernvideo-Sharing:

CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonSo legen Sie den Bildkachelmodus in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!