Membuat icon gambar list dan background berbeda-beda berbelang pada mwb

MWB-Membuat icon gambar dan background berbeda-beda pada link, li, span mwb dapat kita gunakan css dan sebagai bahan praktek kita contohkan pada recent post mywapblog

Contoh Css
#recent-posts-list a, #recent-posts-list li a { tex-decoration: none;} #recent-posts-list { margin-top: 4px;} #recent-posts-list h4 { clear: both; border: 1px solid #555555; font-weight:normal;font-size:18px;margin:2px -2px 2px -2px;text-align:center;color:#000;padding:4px; background: url(http:// javascript. mywapblog.com/files/ gradient.gif) repeat-x; -moz-border-radius: 1em;} #recent-posts-list ul li, { margin: 4px 0px 4px 0px;} #recent-posts-list ol, #recent-posts-list ul { margin: -2px; padding: 2px;} #recent-posts-list a { display: block; padding: 2px 0px 2px 0px;} #recent-posts-list li:nth-child(1) { background: #fff url(http:// ykub. xtgem.com/ Bg/ redh.png) repeat-x top; margin: 0; padding: 2px; list-style-image: url(http:// ykub. xtgem.com/ icons/ admin.png); list-style-position: inside;} #recent-posts-list li:nth-child(2) { background: #fff url(http:// javascript. mywapblog.com/ files/ bblogroll.png); -moz-background-size:100% 100%; /* Firefox 3.6 */ background-size:100% 100%; background-repeat:no-repeat; margin: 0; padding: 2px; list-style-image: url(http:// ykub. xtgem.com/ icons/ house.png); list-style-position: inside;} #recent-posts-list li:nth-child(3) { background: #fff url(http:// ykub. xtgem.com/ Bg/ orangev.png) repeat-y left; margin: 0; padding: 2px; list-style-image: url(http:// ykub. xtgem.com/ icons/ down.png); list-style-position: inside;}

hasilnya KLIK LINK INI

thanks
wassalamualaikum wr wb