Cara Memasang Gambar Background Lebih Dari Satu Pada Selector Dengan Css

Dalam css yang digunakan bahkan dapat diterapkan 8 gambar background sekaligus atau kata lain multiple background, hal ini dilakukan agar lebih mudah dalam pemasangan dan tentunya sangat irit code, pemasangan disini yang saya maksudkan yaitu dalam 1 selector misal pada header saja atau footer saja
Contoh pemasangan Css 4 gambar sekaligus
dalam background
#footer {background:url(link gambar)top no-repeat,url(link gambar)left no-repeat,url(link gambar)bottom no-repeat,url(link gambar)left no-repeat;margin:0;padding:6px;text-align:center}

Contoh pemasangan css dengan 8 gambar sekaligus pada background
#footer {background:url(link gambar)top no-repeat,url(link gambar)left no-repeat,url(link gambar)bottom no-repeat,url(link gambar)left no-repeat,url(link gambar)top left no-repeat,url(link gambar)top right no-repeat,url(link gambar)bottom right no-repeat,url(link gambar)bottom left no-repeat;margin:0;padding:6px;text-align:center}

KETERANGAN :

Dalam memasang gambar harap jangan terpaku dengan kode no-repeat adakalanya gambar menggunakan repeat-x atau repeat-y

tanda pemisah gunakan koma (,) antar gambar, seperti ini no-repeat,url

semoga bermanfaat