美容热点产品

最新推荐文章于 2021-06-07 20:33:35 发布

qq_36024699

最新推荐文章于 2021-06-07 20:33:35 发布

阅读量376

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_36024699/article/details/52850490

<!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">
.title {
width:380px;
height:500px;
border:#FF0000 1px solid;
background-color:#FF3;

}
.a {
width:380px;
height:40px;
line-height:40px;
background-color:#F0F;
color:#FFF;
text-indent:5em;
}
.b {
background-color:#FF6;

}
.c li{

background-repeat:no-repeat;
background-position:8px 7px;
color:black;
list-style-type:none;
height:40px;
line-height:40px;
text-indent:2em;
border-bottom-color:solid;
border-bottom-style:dashed;

}a{text-decoration:none;
color:#999;}
a:hover span {
padding:10px;
display:inline;
background-image: url(%E6%96%87%E4%BB%B6cs5/dot_02.gif);
background-repeat: no-repeat;
background-position: center center;
color:white;

}
a:hover{
color:red;

}
span {
background-image: url(%E6%96%87%E4%BB%B6cs5/dot_01.gif);
background-repeat: no-repeat;
background-position: center center;
padding:10px;

}
.z {
padding:1px;

}
.z.c ul li a{
color:#666;
}
</style>
</head>

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