制作聚美优品美容热点产品列表

最新推荐文章于 2021-12-19 11:32:20 发布

大炮的大炮没有大炮

最新推荐文章于 2021-12-19 11:32:20 发布

阅读量3.4k

点赞数

本文链接：https://blog.csdn.net/qq_36074180/article/details/52848980

版权

<!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">
.one {
	background-color: #FFC;
	
}
.two{
	color: #FFF;
	background-color: #F36;
	font-weight: bold;
	}

.three {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

.frue {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	background-color: #FFF;	
	
	
}
a:hover span{
	background-image: url(dot_02.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding:10px;
	color:#000;
	cursor:pointer;
	}
	a:hover{color:#000;}
span{
	background-image: url(dot_01.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding:10px;
	color:#FFF;
	}
	a{text-decoration:none;
	color:#CCC}
	
</style>
</head>

<body  class="one">
<div class="two">大家都喜欢买的美容品</div>
<div><ul class="three">
<a href="#"><li class="frue"><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</li></a>
<a href="#"><li class="frue"><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</li></a>
<a href="#"><li class="frue"><span>3</span> OLAY玉兰油多效修护霜 50g</li></a>
<a href="#"><li class="frue"><span>4</span> 巨型一号丝瓜水320ML</li></a>
<a href="#"><li class="frue"><span>5</span> 倩碧保湿洁肤水2号 200ml</li></a>
<a href="#"><li class="frue"><span>6</span> 比度克细肤淡印霜 30g</li></a>
<a href="#"><li class="frue"><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</li></a>
<a href="#"><li class="frue"><span>8</span> SK-II护肤精华露 215m</li></a>
<a href="#"><li class="frue"><span>9</span> 欧莱雅青春密码活颜精华肌底液</li></a>
<li></li>
</ul>
</div>
</body>
</html>

大炮的大炮没有大炮

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
制作聚美优品美容热点产品列表

美容热点产品.one { background-color: #FFC; }.two{ color: #FFF; background-color: #F36; font-weight: bold; }.three { margin: 0px; padding: 0px; list-style-type:none;}.frue { border-bottom
复制链接

扫一扫