HTML 畅销书排行榜

最新推荐文章于 2022-12-27 19:33:59 发布

火火儿

最新推荐文章于 2022-12-27 19:33:59 发布

阅读量7.1k

点赞数 3

本文链接：https://blog.csdn.net/weixin_36024620/article/details/52831310

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>畅销书排行榜</title>
<style type="text/css">
.a {
	width:500px;
	height:25px;
	font-size: 16px;
	padding:5px;
	background-color: #0F3;
	background-repeat: no-repeat;
	background-image: url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/bang.gif);
	background-position:90px center;
	color: #FFF;
}
a:link {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.C {
	font-size: 12px;
	line-height: 28px;
	background-color: #F3F4DF;
}
.d {
	list-style-type:none;
	line-height:24px;
	font-size:18px;
	text-indent:2em;
}
.num1{
	background-color:#0C0;
	background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no01.gif);
	background-repeat:no-repeat;
	background-position:10px 3px;
	
	}
	.num2{
	 background:#0C0 url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no02.gif) 10 3 no-repeat;	
		}
	.num3{
	background-color:#0C0;
	background-image: url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no03.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
			}
</style>
</head>

<body>
<div class="a">畅销书排行</div>
<ul class="d">
  <li class="num1"> <a href="#">不抱怨的世界(畅...</a></li>
  <li class="num2"> <a href="#">遇见未知的自己...</a></li>
  <li class="num3"> <a href="#"> 活法（季羡林、...</a></li>
</ul>
<p> </p>
</body>
</html>

火火儿

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
HTML 畅销书排行榜

畅销书排行榜.a { width:500px; height:25px; font-size: 16px; padding:5px; background-color: #0F3; background-repeat: no-repeat; background-image: url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/bang.gif);
复制链接

扫一扫