html 无序列表项目符号使用图片的css写法

创建一个html页面， 其内容为一个无序列表， 列表中至少包含了5本畅销书，每本书之前的项目符号必须采用概述封面的缩略图。这些信息可以冲web上获取。 要求采用css方法进行布局。
html：
代码如下:
<html>
% _8 E% g! n( R$ a<head>
, Q; G: L$ l! Z- F$ Q<meta http-equiv=content-type content=text/html; charset=gb2312 />
<link href=book.css rel=stylesheet type=text/css>
9 A6 N  h9 l2 D. X</head>
<!--.author:svitter;-->
<body>
. a& j/ \" |5 |6 C2 P& f<div>
; ]$ I) g& j! a( \<h1 class=diffentcolor>linux畅销书</h1>
<div id=menu>
9 m+ d$ \( Q: \. o0 Q</div>
3 A( }; u8 I& f1 E<div id=content>
<ul>
2 z6 A  v" J2 U" g9 d, _' E<li id=book1>鸟哥的linux私房菜基础篇</li>
<li id=book2>鸟哥的linux私房菜服务器篇</li>
<li id=book3>linux命令行与shell脚本编程大全</li>
<li id=book4>linux运维之道</li>
/ j8 \: u: K2 {<li id=book5>linux/unix系统编程手册</li>
: d: }+ r. b$ S</ul>
</div>
</div>
</body>
5 m7 `. J& [# w$ l" rbook.css:
代码如下:
  }9 s" R' I( G, ~! H8 k, X4 M.diffentcolor{color:green;}
#differcolor{color:green}
+ I8 k. e$ P4 Gbody, td, div, .p, a {
font-family: arial,sans-serif;
! K1 d8 j. [( ?}
/ T. i& K$ x) H' \+ i% T% Mh1,h2{
font-family:sans-serif;
8 E+ s  s) u& I! X" j/ i; o2 kcolor:gray;
}
.author{
! [. P6 ]0 O+ Y" [7 K, Mby:svitter;
}
$ a" Q' R5 P: ?* _  _h1{
border-bottom:1px solid black;
& j4 ?5 n2 u4 ~% O+ x( Y4 eborder-bottom:1px;
solid black;
}
! V& G, d: z8 \* t8 Q1 I( idiv#container{width:500p}
div#menu {width:150px;float:left;}
. Y+ T5 g1 @2 L8 b7 cdiv#content {float:left;}
li#book1{
7 v! x. n( k' Z0 U* h8 X- f( M. Zlist-style-image:url(pic/popularbook.jpg);
}
/ m8 X7 z4 O4 h& ali#book2{
list-style-image:url(pic/popularbook2.jpg);
9 B# Y: I$ F4 ]" Q/ _7 ]}
( u* T$ r3 c- k8 e7 [3 mli#book3{
8 m3 t0 D3 r# [; {- `. i, n0 glist-style-image:url(pic/popularbook3.jpg);
7 e) F( w  b- \: \}
li#book4{
list-style-image:url(pic/popularbook4.jpg);
}
# w5 Z% R  }6 P/ Gli#book5{
list-style-image:url(pic/popularbook5.jpg);
}
$ |8 b% o% T- i1 o
0 B0 T; {, e' X. `更多网页制作信息请查看： 网页制作

哦...这个...偶昨天就看了....

机会就像水中的鱼，耐心等待就能上钩。

老天不公啊.....

不早了 明天见 各位晚安~~~~

呵呵 高高实在是高~~~~~

明天我给发过来

为了不让帖子沉得太快！！！为了人人知道这个~！！ 我不是原创~！！但是我要把他发扬广大~！！！