Background CSS

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:


Capture9

-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");
    }

Capture10

-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:

Capture11