CSS BACKGROUND
Assalamu'alaikum Wr. Wb
Halo sobat semua, terim kasih sudah mengunjungi blog saya. Pada kesempatan sebelumnya kita sudah belajar mengenai Warna pada CSS. Untuk kali ini kita lanjut kemateri selanjutnya, yaitu Background pada CSS.
Langsung saja yuk...
Background CSS digunakan untuk menentukan efek latar belakang untuk elemen. Antara lain :
- Warna latar belakang
- Gambar latar belakang
- Background-repeat
- Background-attachment
- Background-position
1. WARNA LATAR BELAKANG
Properti
background-color digunakan untuk menentukan warna latar belakang dari elemen.
Contoh 1 :
Hasilnya :
Contoh 2 :
Hasilnya :
2. GAMBAR LATAR BELAKANG
Properti
background-image menentukan gambar yang digunakan sebagai latar belakang suatu elemen.
Secara default, gambar diluang sehingga mencakup seluruh elemen.
Contoh :
Hasilnya :
3. MENGULANGI HORIZONTAL ATAU VERTIKAL
Untuk mengulangi horizontal menggunakan sintak
background-repeat: repeat-x.
Contoh :
Hasilnya :
Untuk mengulangi vertikal menggunakan sintak
background-repeat: repeat-y.
Contoh :
Hasilnya :
Untuk tidak mengulangi gambar, menggunakan sintak
background-repeat: no-repeat.
Contoh :
Hasilnya :
Silakan dicoba sendiri sobat. Apabila ada pertanyaan silakan tinggalakan jejak dikolom komentar. Terima kasih.
Background CSS digunakan untuk menentukan efek latar belakang untuk elemen. Antara lain :
- Warna latar belakang
- Gambar latar belakang
- Background-repeat
- Background-attachment
- Background-position
Referensi :
http://www.w3schools.com/css/css_background.asp
Wasslamu'alaikum Wr. Wb