您的位置：首页 > 其它

彩妆热卖产品列表

2016-10-18 16:10 357 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航