<style type="text/css">
#all{
background-color:#F3F4DF;
width:270px;
height:340px;
font-size:12px;
}
.title{
background-color:#518700;
font-size:16px;
text-indent:1em;
line-height:30px;
color:#fff;
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/bang.gif);
background-repeat:no-repeat;
background-position:100px 3px;
}
ul li{
text-indent:2em;
list-style-type:none;
vertical-align:middle;
line-height:28px;
}
ul li a{
text-decoration:none;
color:#1a66b3;
}
ul li a:hover{
text-decoration:underline;
}
.a{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no01.gif);
list-style-position:inside;
}
.b{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no02.gif);
list-style-position:inside;
}
.c{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no03.gif);
list-style-position:inside;
}
.d{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no04.gif);
list-style-position:inside;
}
.e{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no05.gif);
list-style-position:inside;
}
.f{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no06.gif);
list-style-position:inside;
}
.g{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no07.gif);
list-style-position:inside;
}
.h{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no08.gif);
list-style-position:inside;
}
.i{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no09.gif);
list-style-position:inside;
}
.j{
list-style-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no10.gif);
list-style-position:inside;
}
</style>
</head>
<body>
<div id="all">
<div class="title">畅销书排行</div>
<ul>
<li class="a"><a href="#">不抱怨的世界(畅...</a></li>
<li class="b"><a href="#">遇见未知的自己...</a></li>
<li class="c"><a href="#">活法（季羡林、...</a></li>
<li class="d"><a href="#">高效能人士的七个习惯</a></li>
<li class="e"><a href="#">被迫强大（北外女生香奈儿...</a></li>
<li class="f"><a href="#">遇见心想事成的自己（《遇...</a></li>
<li class="g"><a href="#">世界上最伟大的推销员（插...</a></li>
<li class="h"><a href="#">我的成功可以复制（唐骏亲...</a></li>
<li class="i"><a href="#">少有人走的路：心智成熟的...</a></li>
<li class="j"><a href="#">活出全新的自己——唤醒...</a></li>
</ul>
</div>
网友评论