So verhindern Sie, dass Bilder in HTML gekachelt werden

WBOY
Freigeben: 2021-12-20 10:07:37
Original
7362 Leute haben es durchsucht

In HTML können Sie das Attribut „style“ und das Attribut „background-repeat“ verwenden, um das Bild so einzustellen, dass es nicht gekachelt ist. Die Syntax lautet „“. .

So verhindern Sie, dass Bilder in HTML gekachelt werden

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

So erstellen Sie Bilder, die nicht im HTML-Format angezeigt werden.

Wenn Sie Bilder erstellen möchten, die nicht im HTML-Format angezeigt werden, müssen Sie das Attribut „style“ und das Attribut „background-repeat“ verwenden.

Das Stilattribut wird verwendet, um den Stil des Elements festzulegen, und das Hintergrundwiederholungsattribut wird verwendet, um den Kachelmodus des Bildes zu definieren. Wenn der Hintergrundwiederholungsstil festgelegt ist: keine Wiederholung, wird das Bild nicht angezeigt gefliest sein.

Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body style="background:url(1118.02.png); background-repeat:no-repeat;">
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So verhindern Sie, dass Bilder in HTML gekachelt werden

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass Bilder in HTML gekachelt werden. 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