Heim >Web-Frontend >Front-End-Fragen und Antworten >So stellen Sie in CSS ein, dass das Bild nicht gekachelt wird
So stellen Sie in CSS ein, dass das Bild nicht gekachelt wird
- 藏色散人Original
- 2021-04-02 14:39:462776Durchsuche
So stellen Sie das Bild in CSS so ein, dass es nicht gekachelt ist: Erstellen Sie zunächst eine HTML-Beispieldatei. Fügen Sie dann „background:url(img/3.jpg)no-repeat;}“ zum Style-Tag hinzu, auf das das Bild eingestellt werden soll nicht gefliest sein.
Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, DELL G3-Computer
Das Hintergrundwiederholungsattribut von CSS definiert den Kachelmodus des Bildes. Wiederholen Sie den Vorgang ausgehend vom Originalbild, das durch „Hintergrundbild“ definiert und entsprechend dem Wert von „Hintergrundposition“ platziert wird.
CSS kann das Attribut „background-repeat“ verwenden, um festzulegen, dass das Bild nicht gekachelt wird.
Attributwert:
repeat: Kachel in horizontaler und vertikaler Richtung, dies ist auch der Standardwert
no-repeat: Keine Kachel, d. h. nur einmal angezeigt
repeat-x: Kachel nur in horizontaler Richtung
wiederholen-y: Kacheln nur in vertikaler Richtung
Die Position des Hintergrundbilds wird gemäß der Eigenschaft „Hintergrundposition“ festgelegt. Wenn die Eigenschaft „Hintergrundposition“ nicht angegeben ist, wird das Bild in der oberen linken Ecke des Elements platziert.
Beispiel:
1. Die Kachelmethode ist nicht festgelegt.
<body>
<style>
.box{ border:1px solid #093; width:800px; height:800px;
background:url(img/3.jpg);}
</style>
<div class="box">
hello word
</div>
</body>. CSS-Video Tutorial
》Das obige ist der detaillierte Inhalt vonSo stellen Sie in CSS ein, dass das Bild nicht gekachelt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!