Heim > Web-Frontend > CSS-Tutorial > So legen Sie fest, dass Bilder in CSS nicht gekachelt werden sollen

So legen Sie fest, dass Bilder in CSS nicht gekachelt werden sollen

coldplay.xixi
Freigeben: 2023-01-05 16:12:57
Original
5439 Leute haben es durchsucht

Die Möglichkeit, das Bild in CSS so einzustellen, dass es nicht kachelbar ist, besteht darin, das Attribut [background-repeat] zu verwenden, um das Bild so festzulegen, dass es nicht kachelbar ist, wobei [no-repeat] bedeutet, dass es nicht kachelbar ist wird nur einmal angezeigt.

So legen Sie fest, dass Bilder in CSS nicht gekachelt werden sollen

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So legen Sie fest, dass Bilder in CSS nicht gekachelt werden sollen:

CSS kann das Attribut background-repeat verwenden, um Bilder so festzulegen, dass sie nicht gekachelt werden sollen.

Attributwert:

  • repeat: Kachel entlang sowohl horizontaler als auch vertikaler Richtung, dies ist auch der Standardwert

  • no-repeat: Keine Kachel, d. h. nur einmal angezeigt

  • repeat-x: Nur entlang Horizontal kacheln

  • repeat-y: Nur vertikal kacheln

Die Position des Hintergrundbilds wird entsprechend der Eigenschaft „Hintergrundposition“ festgelegt. Wenn die Eigenschaft „Hintergrundposition“ nicht angegeben ist, wird das Bild in der oberen linken Ecke des Elements platziert.

Beispiel:

Stellen Sie das Bild so ein, dass es nicht gekachelt wird

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass Bilder in CSS nicht gekachelt werden sollen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage