"."/> ".">

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengelakkan imej daripada berjubin dalam html

Bagaimana untuk mengelakkan imej daripada berjubin dalam html

WBOY
WBOYasal
2021-12-20 10:07:377360semak imbas

Dalam HTML, anda boleh menggunakan atribut gaya dan atribut "background-repeat" untuk menetapkan imej agar tidak berjubin. ">".

Bagaimana untuk mengelakkan imej daripada berjubin dalam html

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.

Cara membuat gambar tidak berjubin dalam html

Jika anda ingin membuat gambar tidak berjubin dalam html, anda perlu menggunakan atribut gaya dan sifat berulang latar belakang.

Atribut gaya digunakan untuk menetapkan gaya elemen, dan atribut ulangan latar belakang digunakan untuk menentukan mod jubin imej Apabila gaya latar belakang-ulang: tiada ulang ditetapkan, imej tidak akan berjubin.

Contohnya adalah seperti berikut:

<!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>

Hasil output:

Bagaimana untuk mengelakkan imej daripada berjubin dalam html

Tutorial yang disyorkan: "html Video tutorial

Atas ialah kandungan terperinci Bagaimana untuk mengelakkan imej daripada berjubin dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn