Heim > Artikel > Web-Frontend > So legen Sie den Bildkachelmodus in CSS fest
So legen Sie den Bildkachelmodus in CSS fest
- 青灯夜游Original
- 2021-11-10 17:17:2216956Durchsuche
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).
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>
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
div {
width: 500px;
height: 500px;
border: 2px solid red;
background-image: url(img/nz.png);
background-repeat:repeat-x;
} 
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!