Rumah > hujung hadapan web > tutorial css > GAYA.LATAR BELAKANG penggunaan harta

GAYA.LATAR BELAKANG penggunaan harta

DDD
Lepaskan: 2023-06-27 16:27:50
asal
3178 orang telah melayarinya

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')";
Salin selepas log masuk

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

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

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

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

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!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan