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

创建一个html页面， 其内容为一个无序列表， 列表中至少包含了5本畅销书，每本书之前的项目符号必须采用概述封面的缩略图。这些信息可以冲web上获取。 要求采用css方法进行布局。
html：
代码如下:
<html>
<head>
& Q3 g" |4 q- x3 w% G9 k/ G<meta http-equiv=content-type content=text/html; charset=gb2312 />
- O6 P% |  M# F7 Z) u& A<link href=book.css rel=stylesheet type=text/css>
! g" u* J; q- x. Q  j. x0 M3 f</head>
) o8 B/ T" g: h( |  D<!--.author:svitter;-->
<body>
1 c; A' h# T+ `7 Y+ `<div>
<h1 class=diffentcolor>linux畅销书</h1>
$ V5 k* G7 U1 _+ w0 k<div id=menu>
% _- J% ?* s* v</div>
<div id=content>
4 k2 r, P8 |" _8 e  [3 M<ul>
<li id=book1>鸟哥的linux私房菜基础篇</li>
<li id=book2>鸟哥的linux私房菜服务器篇</li>
<li id=book3>linux命令行与shell脚本编程大全</li>
# }- ^( G# q$ p1 S7 w<li id=book4>linux运维之道</li>
<li id=book5>linux/unix系统编程手册</li>
</ul>
6 E0 |' w' D: \6 s% ], O2 r5 B3 Q' L, Q</div>
9 |# c4 ?7 v0 h( c</div>
</body>
book.css:
代码如下:
* E+ T. x2 d/ u9 C1 s& {.diffentcolor{color:green;}
/ k1 s- T: o3 |#differcolor{color:green}
body, td, div, .p, a {
6 B) U- x# r& V) nfont-family: arial,sans-serif;
1 A$ p0 |1 ^: `! b  L  A}
9 o& N( @9 m& oh1,h2{
font-family:sans-serif;
color:gray;
}
# z# K* j# h9 Z+ r* O4 h6 ].author{
by:svitter;
7 x2 [7 g) s3 I& }! E}
h1{
border-bottom:1px solid black;
4 W  A3 B! X& o' mborder-bottom:1px;
solid black;
7 @0 U) H; E$ O. T}
: a2 k. R: H+ O- s+ v/ c3 c3 Gdiv#container{width:500p}
div#menu {width:150px;float:left;}
/ @, R- y" K/ z2 j% b* \+ Hdiv#content {float:left;}
li#book1{
list-style-image:url(pic/popularbook.jpg);
6 z9 B6 n3 O' T1 A* ~7 H}
li#book2{
+ I" q9 W9 {, H) M) ]2 vlist-style-image:url(pic/popularbook2.jpg);
}
li#book3{
) R3 K0 b: G1 r5 nlist-style-image:url(pic/popularbook3.jpg);
0 Y- {  U" m. l& M6 z5 q4 D' ?' c4 W}
1 u  H5 M" R9 V" F" b- x: \1 Rli#book4{
list-style-image:url(pic/popularbook4.jpg);
}
! o: S7 R9 q! k9 [$ b1 ^2 m- _li#book5{
  Q$ \4 J" U- {% T9 flist-style-image:url(pic/popularbook5.jpg);
! m& Y1 o$ h. a  o}
5 [1 E0 a/ c- N4 u# ?2 L4 q
更多网页制作信息请查看： 网页制作

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

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

老天不公啊.....

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

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

明天我给发过来

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