Gambar Latar Belakang CSS

Gambar Latar Belakang CSS

background-image Properti yang menentukan gambar yang digunakan sebagai latar belakang elemen.

Secara default, gambar akan digandakan untuk menutupi seluruh elemen.

Contoh

Gambar latar halaman dapat disetel seperti ini:

body {
  background-image: url("paper.gif");
}

Coba Sendiri

Contoh

Contoh ini menunjukkan teks dan gambar latar:Kombinasi yang salah.Teks sulit untuk dibaca:

body {
  background-image: url("bgdesert.jpg");
}

Coba Sendiri

Perhatian:Pada saat menggunakan gambar latar, gunakan gambar yang tidak akan mengganggu teks.

Bisa juga menetapkan gambar latar untuk elemen tertentu, seperti elemen <p>:

Contoh

p {
  background-image: url("paper.gif");
}

Coba Sendiri