课后四

最新推荐文章于 2024-06-24 14:31:02 发布

炽烈之心

最新推荐文章于 2024-06-24 14:31:02 发布

阅读量197

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_36074157/article/details/52892628

<!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">
#adverImg {
	width:543px;
	height:94px;
	position:relative;
	overflow:hidden;
}
#number {
	position:absolute;
	right:5px;
	bottom:2px;
}
#number ul, #number li {
	margin:0px;
	padding:0px;
}
#number li {
	float:left;
	margin-right:5px;
	width:20px;
	height:20px;
	border:1px #666 solid;
	text-align:center;
	line-height:20px;
	font-size:12px;
	list-style-type:none;
	background-color:#FFF;
}
</style>
</head>
<body>
<div id="adverImg"><img src="banner.jpg" alt="夏日商品促销" />
  <div id="number">
    <ul>
      <li ><img src="num_1.gif" /></li>
      <li ><img src="num_2.gif" /></li>
      <li ><img src="num_3.gif" /></li>
    </ul>
  </div>
</div>
</body>
</html>