彩妆热卖产品列表

最新推荐文章于 2024-05-12 21:57:36 发布

大炮的大炮没有大炮

最新推荐文章于 2024-05-12 21:57:36 发布

阅读量3.6k

点赞数 1

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

版权

<!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}
#aaa li div{
	display:none;
	text-algin:center;
	}
#aaa a:hover div{
	display:block;
	}		
</style>
</head>

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

大炮的大炮没有大炮

关注

1
点赞
踩
10

收藏

觉得还不错? 一键收藏
1
评论
彩妆热卖产品列表

彩妆热卖产品列表.one { background-color: #FFC; }.two{ color: #FFF; background-color: #F36; font-weight: bold; }.three { margin: 0px; padding: 0px; list-style-type:none;}.frue { border-bott
复制链接

扫一扫