Bolehkah saya menambah berbilang imej latar belakang pada html?

html boleh menambah berbilang imej latar belakang. Dalam HTML, anda boleh menetapkan berbilang imej latar belakang untuk bekas melalui imej latar belakang atau latar belakang, iaitu meletakkan imej latar belakang yang berbeza ke dalam satu elemen blok sahaja, sintaksnya ialah "latar belakang: url (alamat imej), url (alamat).. .; ".

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

Dalam HTML, anda boleh menetapkan berbilang imej latar belakang untuk bekas melalui imej latar belakang atau latar belakang, yang bermaksud anda boleh meletakkan imej latar belakang yang berbeza ke dalam satu elemen blok sahaja.

Mula-mula mari kita lihat sintaks:

background ： [background-image] | [background-origin] | [background-clip] | [background-repeat] | [background-size] | [background-attachment] | [background-position]

Gunakan koma untuk memisahkan URL bagi berbilang imej latar belakang, tetapi hanya satu atribut lain (Contohnya , hanya terdapat satu ulangan latar belakang), kemudian semua imej latar belakang menggunakan nilai atribut ini.

Mari kita lihat contoh:

body {
  background-image: url(https://image.flaticon.com/icons/svg/748/748122.svg), url(https://images.unsplash.com/photo-1478719059408-592965723cbc?ixlib=rb-1.2.1&auto=format&fit=crop&w=2212&q=80);
  background-position: center, top;
  background-repeat: repeat, no-repeat;
  background-size: contain, cover;
}

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Bolehkah saya menambah berbilang imej latar belakang pada html?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!