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:
