Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membatalkan pengisian automatik imej dalam css

Bagaimana untuk membatalkan pengisian automatik imej dalam css

WBOY
WBOYasal
2021-11-29 17:42:582847semak imbas

Dalam CSS, anda boleh menggunakan atribut "background-repeat" untuk membatalkan pengisian automatik imej dan sintaksnya ialah "elemen imej {background-repeat:no-repeat;}".

Bagaimana untuk membatalkan pengisian automatik imej dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara membatalkan pengisian automatik imej dalam css

Kami boleh membatalkan pengisian automatik imej melalui atribut "background-repeat" , yang digunakan Tetapkan sama ada dan cara mengulang imej latar belakang. Secara lalai, imej latar belakang berulang secara mendatar dan menegak.

Apabila nilai atribut ini tiada ulangan, ini bermakna imej tidak akan diisi secara automatik.

Bagaimana untuk membatalkan pengisian automatik imej dalam css

Contohnya adalah seperti berikut:

<html>
<head>
<style type="text/css">
body{ 
background-image: 
url(/i/eg_bg_03.gif);
}
</style>
</head>
<body>
</body>
</html>

Hasil keluaran:

Bagaimana untuk membatalkan pengisian automatik imej dalam css

Apabila latar belakang -repeat ditambah :no-repeat; Apabila menggayakan, hasil output ialah:

Bagaimana untuk membatalkan pengisian automatik imej dalam css

(Belajar perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk membatalkan pengisian automatik imej dalam css. 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