Properti background CSS digunakan untuk menentukan efek latar belakang suatu elemen.
Properti CSS digunakan untuk efek latar belakang :
background-color
background-image
background-repeat
background-attachment
background-position
-Background Color
Properti background-color menentukan warna latar belakang dari elemen.
Warna latar belakang halaman diatur seperti ini pada CSS:
body{ background-color:blue; }
maka hasilnya akan seperti ini:
-Background Image
Properti background-image menentukan gambar untuk digunakan sebagai latar belakang elemen.
Secara default, gambar diulang sehingga mencakup seluruh elemen.
Gambar latar belakang untuk halaman dapat diatur seperti ini:
body{ background-image: url("Lighthouse.jpg"); }
-Background Image – Repeat Horizontally or Vertically-
Jika gambar diulang hanya secara horizontal (mengulang-x), latar belakang akan terlihat lebih baik,listingnya sebagai berikut:
body{ background-image: url("Lighthouse.jpg"); background-repeat: repeat-x; }
maka hasilnya akan seperti ini: