Menggunakan banyak background gambar dengan css
Berkreasi tiada batas itu yang tentunya kita harapkan bisa
dilakukan dengan css. Tidak panjang cerita ini cara
membuat latar ganda untuk sebuah halaman atau bagian web anda.
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