上机练习5

最新推荐文章于 2018-06-07 11:59:46 发布

「已注销」

最新推荐文章于 2018-06-07 11:59:46 发布

阅读量477

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_36074134/article/details/52852132

本文推荐了几款备受欢迎的彩妆产品，包括Za姬芮美白隔离霜、美宝莲BB霜等，提供了产品的图片及价格信息，并展示了近期购买人数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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">
.q {
	background-color: #C36;
	color: #FFF;
	padding: 7px;
}
.aa{
	padding: 1px;
	margin:0px;
	text-align: left;
	white-space: normal;
	}
.w {
	border-bottom-style: dashed;
	border-bottom-width: thin;
	list-style-position: outside;
	list-style-type: none;
	color:#000;	
}
a:hover span{
	background-image: url(../Desktop/dot_02.gif);
	background-repeat: no-repeat;
	background-position: center center;	
	padding:10px;
		}	
		span{
	background-image: url(../Desktop/dot_01.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding:10px;
	color:#FFF;
}
   a{text-decoration:none}
   
   a:hover{color:#F00}
   .aa li{
	background-color:#fff;

	color: #C63;
		padding: 4px;
}
   
.z{
	display: none;
		}
		.x{
	display: none;
		}
		a:hover div{
			display: block;
			}
   
</style>
</head>

<body >
<div  class="q">大家都喜欢的彩妆档</div>
<ul class="aa">
 <li class="w"><a href="#"><span>1</span> Za姬芮新能真皙美白隔离霜 35g 
 <div class="z"><img src="../Desktop/icon-2.jpg"
 alt="Za姬芮新能真皙美白隔离霜"/>
  <br/>￥62.00 最近69122人购买
</div>
 </a></li>
 <li class="w"><a href="#"><span>2</span> 美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml
 <div class="x"><img src="../Desktop/icon-4.jpg" alt="美宝莲精纯矿物奇妙新颜乳霜BB霜"/>
 <br/>￥59.90 最近13403人购买
 </div>
 </a></li>
 <li class="w"><a href="#"><span>3</span> 菲奥娜水漾CC霜40g</a> </li>
 <li class="w"><a href="#"><span>4</span>DHC 蝶翠诗橄榄卸妆油 200ml</a> </li>
</ul>
</body>
</html>