Rumah >hujung hadapan web >tutorial css >GAYA.LATAR BELAKANG penggunaan harta
STYLE.BACKGROUND property ialah sifat CSS yang digunakan untuk menggayakan latar belakang elemen. Melalui atribut ini, kita boleh menetapkan atribut seperti imej latar belakang, warna latar belakang, pengulangan latar belakang, dan kedudukan latar belakang.
Imej latar belakang: Anda boleh menentukan imej sebagai latar belakang elemen melalui pautan URL atau laluan relatif. Berikut ialah contoh:
element.style.backgroundImage = "url('image.jpg')";
Warna latar belakang: Digunakan untuk menetapkan warna latar belakang elemen. Warna boleh ditentukan menggunakan nama warna yang dipratentukan atau nilai RGB, atau ketelusan boleh ditetapkan menggunakan fungsi rgba(). Berikut ialah contoh:
element.style.backgroundColor = "red";
Latar belakang-ulang: digunakan untuk menetapkan kaedah ulangan imej latar belakang. Boleh ditetapkan untuk mengulang (nilai lalai, imej latar belakang dipaparkan berulang kali), ulang-x (paparan berulang dalam arah mendatar), ulang-y (paparan berulang dalam arah menegak) dan tiada ulangan (tiada paparan berulang). Berikut ialah contoh:
element.style.backgroundRepeat = "no-repeat";
Kedudukan latar belakang: digunakan untuk menetapkan kedudukan imej latar belakang. Anda boleh menggunakan kata kunci (kiri, tengah, kanan, atas, bawah, dll.) atau nilai piksel tertentu untuk menentukan. Berikut ialah contoh:
element.style.backgroundPosition = "center";
Lampiran latar belakang: digunakan untuk menetapkan sama ada imej latar belakang bergerak dengan menatal. Ia boleh ditetapkan untuk menatal (nilai lalai, imej latar belakang akan bergerak apabila bar skrol menatal) atau tetap (imej latar belakang ditetapkan pada halaman dan tidak bergerak dengan menatal). Berikut ialah contoh:
element.style.backgroundAttachment = "fixed";
Di atas hanyalah beberapa contoh penggunaan atribut STYLE.BACKGROUND Terdapat atribut lain seperti saiz latar belakang (saiz latar belakang), klip latar belakang (klip latar belakang), kecerunan latar belakang (latar belakang-. imej), dsb. Teroka dan gunakan lebih lanjut. Secara keseluruhannya, sifat STYLE.BACKGROUND ialah sifat CSS yang sangat fleksibel dan berkuasa yang boleh membantu dengan kesan.
Atas ialah kandungan terperinci GAYA.LATAR BELAKANG penggunaan harta. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!