Css background

Apa CSS Background itu ?

Properties background dalam css digunakan untuk mendefinisikan efek background dalam suatu elemen, Terdapat beberaoa properties background yang dapat digunakan dalam CSS, antara lain :

1. background-color properti background-color ini adalah untuk menentukan warna background dari sebuah element. Berikut contoh penggunaanya:

body{ background-color: #b0c4de; }

Di dalam CS, warna ditentukan oleh :

HEX value – seperti “#ff0000”RGB value – seperti “rgb(255,0,0)”Nama Warna – seperti “red”

2. background-image properti background-image ini adalah untuk menentukan background berupa gambar. Contoh penggunaanya :

body{ background-image: url(image.jpg); }

3. background-repeat secara default, properto background-repeat mengulang gambar secara horizontal dan vertikal. Gambar dapat diulang dengan menggunakan repeat-x atau repeat-y

body{ background-image: url(image.jpg); background-repeat: repeat-y; }

4. background-position kita dapat menentukan posisi background, value yang dapat digunakan antara lain: left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom.

Contoh penggunaannya yaitu seperti dibawah ini :

body { background-image: url(image.jpg); background-repeat: no-repeat; background-position: center; }