masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mengelakkan imej daripada berjubin dalam html

Bagaimana untuk mengelakkan imej daripada berjubin dalam html

WBOY
Lepaskan： 2021-12-20 10:07:37
asal
7369 orang telah melayarinya

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>
Salin selepas log masuk

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!

Label berkaitan：
html
sumber：php.cn
Artikel sebelumnya：Apakah yang dimaksudkan dengan atribut href bagi teg dalam html? Artikel seterusnya：Apakah itu node.js? Apakah senario yang berkenaan?
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Isu terkini
Penukaran automatik PX kepada ralat REM  <style>html {   font-size: calc(100vw / 3.75);      }badan {    saiz fon: 0.16rem; ...
daripada 2024-04-16 09:34:16
0
0
4687
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Bagaimana untuk menyelesaikan ruang kosong misteri di bahagian bawah halaman dalam CSS Saya cuba membina halaman web mudah menggunakan Bootstrap dan D3, tetapi saya tidak tahu b...
daripada 2024-04-06 20:22:15
0
1
454
Cara menggunakan komponen laravel dengan ruang letak malas livewire Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...
daripada 2024-04-06 20:02:10
0
2
543
Kaedah peringkat atas untuk menggantikan rentetan dengan kod HTML (dihasilkan daripada tatasusunan) Diberi rentetan seperti ini...$htmlPattern="Usernameis:#name#andusercompanyis#company...
daripada 2024-04-06 17:40:41
0
2
410
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan