Gambar Background CSS

Properti background-image menentukan gambar untuk digunakan sebagai background (latar belakang) suatu elemen.

Secara default, gambar diulang sehingga menutupi seluruh elemen.

Contoh

Atur gambar latar belakang untuk sebuah halaman:

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

Contoh

Dibawah ini menunjukkan kombinasi teks dan gambar latar yang buruk. Teksnya sulit dibaca:

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

Catatan: Saat menggunakan gambar latar belakang, gunakan gambar yang tidak mengganggu teks.

Gambar latar juga dapat diatur untuk elemen tertentu, seperti elemen <p>:

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

Sumber referensi: w3schools.com