background CSS

background-color

    Digunakan untuk merubah warna background. Bisa menggunakan nama warna(dalam bahasa inggris), menggunakan hexadesimal atau menggunakan rgb.

background-image

    Digunakan untuk menambahkan gambar. cara menggunakannya dengan menuliskan bakground-image: url(); masukan nama background tuliskan formatnya dan folder background jika berbeda folder

background-repeat

    Digunakan untuk  mengulang gambar atau tidak :

    - background-repeat: repeat; (default)

    - background-repeat: repeat-x; (diulang terhadap sumbu x)

    - background-repeat: repeat-y;  (diulang terhadap sumbu y)

    - background-repeat: no-repeat; (background tidak diulang)

background-position

    Digunakan untuk mengatur posisi background dengan property:

    - top <left,center,right>

    - center <left,center,right>

    - bottom <left,center,right>

    contoh :

        background-position: top right ; (berarti posisi gambar ada di atas kanan)

        background-position: bottom center ; (berarti posisi gambar ada di bawah tengah)

semua property di atas bisa disingkat dengan menggunakan

    background: color url() position repeat;

contoh :

    background: red url(gambar1.jpg) top right no-repeat;

    artinya kita akan menggunakan warna background merah dengan gambar bernama gambar1.jpg dengan posisi diatas kanan dan tidak dilakukan pengulangan