Gambar Latar Belakang CSS
gambar latar belakang CSS
Properti background-image
menentukan gambar untuk digunakan sebagai latar belakang elemen.
Secara default, gambar diulang sehingga menutupi seluruh elemen.
Contoh
Mengatur gambar latar belakang untuk halaman:
body {
background-image: url("paper.gif");
}
Contoh
Contoh ini menunjukkan kombinasi yang buruk antara teks dan gambar latar belakang. Teksnya hampir tidak terbaca:
body {
background-image: url("bgdesert.jpg");
}
Catatan: Saat menggunakan gambar latar belakang, gunakan gambar yang tidak mengganggu teks.
Gambar latar belakang juga dapat disetel untuk elemen tertentu, seperti elemen <p>:
Contoh
p {
background-image: url("paper.gif");
}