Menggunakan banyak background gambar dengan css

Tambahkan kode css berikut pada
bagian <head>..</head> atau modifikasi file css yang sudah.
#multipleBGs
{
background: url(photo1.png),
url(photo2.png),
url(photo3.png)
;
background-repeat: no-repeat,
no-repeat,
repeat-y;
background-position: 0 0,
30px 120px,
right top;
width: 400px;
height: 400px;
border: 1px solid #ccc;
}
Kemudian tambahkan area/blok dalam
bagian body yang akan diberi latar ganda dengan kode berikut :
<div
id="multipleBGs">Isi bagian/bloknya</div>
Dengan kode-kode diatas otomatis
bagian yang sudah diberi ID multipleBGs pada saat ditampilkan memiliki latar
dengan 3 gambar berbeda.
0 komentar:
Posting Komentar