Properti Background adalah untuk membuat efek latar belakang pada sebuah element.
Ada beberapa macam properti pada Background sebagai berikut :

Background Color, berfungsi untuk mengatur latarbelakang sebuah element dengan warna solid.

contohnya seperti berikut ini :

h1 {background-color:#FFFFFF;}

Background Image, berfungsi untuk mengatur latarbelakang sebuah element dengan gambar.

contohnya seperti berikut ini :

h1 {background-image: url(nama-gambar.gif);}

Background Repeat, berfungsi untuk mengatur latarbelakang sebuah element dengan gambar yang dapat diulang atau tidak.

contohnya seperti berikut ini :

h1 {background-image: url(nama-gambar.gif); background-repeat: no-repeat;}

selain bernilai no-repeat juga dapat bernilai inherit, repeat, repeat-x dan repeat-y.

Background Attachment, berfungsi untuk mengatur latarbelakang sebuah element dengan gambar, apakah dapat digulirkan atau tidak.

contohnya seperti berikut ini :

h1 {background-image: url(nama-gambar.gif); background-attachment: fixed;}

selain bernilai fixed juga dapat bernilai inherit dan scroll

Background Position, berfungsi untuk mengatur letak/posisi gambar latarbelakang sebuah element.

contohnya seperti berikut ini :

h1 {background-image: url(nama-gambar.gif); background-repeat: no-repeat; background-position: top;}

selain bernilai top juga dapat bernilai inherit, center, left, right, dan bottom

Background, berfungsi untuk mendeklarasikan semua background properti menjadi satu. Cara ini paling banyak digunakan oleh web designer karena dapat mempersingkat waktu kerja anda.

contohnya seperti berikut ini :

h1 {background:#FFFFFF url(nama-gambar.gif) no-repeat left top;}

Free domain
dapatkan gratis domain .com, .net, .org, Caranya hanya dengan mengajak orang lain sebanyak 9 orang untuk mendaftar

sedang mencari sesuatu ??