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

创建一个html页面， 其内容为一个无序列表， 列表中至少包含了5本畅销书，每本书之前的项目符号必须采用概述封面的缩略图。这些信息可以冲web上获取。 要求采用css方法进行布局。
html：
代码如下:
% l% l7 u/ d  f) H0 k$ [<html>
; K! F, F+ L6 n( x: J<head>
<meta http-equiv=content-type content=text/html; charset=gb2312 />
3 U3 c9 e" u. _1 I) Y& \<link href=book.css rel=stylesheet type=text/css>
</head>
<!--.author:svitter;-->
6 K0 p1 U, B6 v" b% d. D& [1 A<body>
, f; Y9 g0 ~, T' l<div>
<h1 class=diffentcolor>linux畅销书</h1>
) P+ _9 ^4 J7 j0 k- x<div id=menu>
0 O9 V+ W5 U* f! U. G' R- j# c</div>
<div id=content>
<ul>
4 h# W7 n% M9 x! L<li id=book1>鸟哥的linux私房菜基础篇</li>
<li id=book2>鸟哥的linux私房菜服务器篇</li>
1 i5 h- B2 ~. U3 D( y) {0 m! u<li id=book3>linux命令行与shell脚本编程大全</li>
<li id=book4>linux运维之道</li>
<li id=book5>linux/unix系统编程手册</li>
</ul>
/ L( p# g# Y+ C# r( z</div>
, B) u1 J/ Y, C; u! X. Y% {  x" d</div>
</body>
3 S0 o: H2 q7 V5 K' D% mbook.css:
$ I4 L2 ?3 ?2 @. F8 P3 v9 H8 M代码如下:
7 W/ C' j+ o# W+ }+ W6 }5 r0 E  {4 q) l.diffentcolor{color:green;}
7 F1 \0 ^( H" g0 {#differcolor{color:green}
  ]- z. R+ l& Kbody, td, div, .p, a {
font-family: arial,sans-serif;
( m3 a) U& i) D2 T2 V* M! C9 j}
h1,h2{
font-family:sans-serif;
4 O3 j, N/ [0 A2 S( s; r" G& Vcolor:gray;
}
.author{
by:svitter;
}
3 m9 N3 O9 t2 [( W) ]/ W2 `h1{
border-bottom:1px solid black;
border-bottom:1px;
solid black;
. Z8 e5 T* F" H2 x}
div#container{width:500p}
div#menu {width:150px;float:left;}
div#content {float:left;}
li#book1{
8 u/ H3 R% v3 n7 i; Blist-style-image:url(pic/popularbook.jpg);
}
li#book2{
) N9 S* \6 `3 T  ^3 B+ s0 tlist-style-image:url(pic/popularbook2.jpg);
}
li#book3{
list-style-image:url(pic/popularbook3.jpg);
}
li#book4{
list-style-image:url(pic/popularbook4.jpg);
}
li#book5{
4 m. ]8 n& @( _list-style-image:url(pic/popularbook5.jpg);
}
/ L- N5 p7 B# d! l1 |. _& H3 |
更多网页制作信息请查看： 网页制作

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

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

老天不公啊.....

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

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

明天我给发过来

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