聚美优品热卖列表

最新推荐文章于 2020-07-31 22:42:19 发布

罒Mr.L

最新推荐文章于 2020-07-31 22:42:19 发布

阅读量551

点赞数

本文链接：https://blog.csdn.net/qq_36074053/article/details/56008407

版权

<!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">  
.c {  
    font-size: 48px;  
    color: #FFF;  
    text-align: left;  
    margin: 0px;  
    background-color: #FFF;  
    height: 25px;  
    width: 500px;  
    padding: 0px;  
    background-color: #F39;  
    font-size: 20px;  
    color: #FFF;  
    border-top-width: medium;  
    border-right-width: medium;  
    border-bottom-width: medium;  
    border-left-width: medium;  
    border-top-style: none;  
    border-right-style: none;  
    border-bottom-style: none;  
    border-left-style: none;  
}  
ul {  
    list-style-type: none;  
}  
/*.d {  
    font-size: 20px;  
    background-image: url(dot_01.gif);  
    background-repeat: no-repeat;  
    padding: 10px;  
    background-position: 0px 8px;  
    border-bottom-color: #CCC;  
    border-bottom-style: dashed;  
    /*background-color: #F09;  
    border-top-color: #CCC;  
    border-right-color: #CCC;  
    border-left-color: #CCC;  
}*/  
span{  
    background:url(dot_01.gif) 0px 8px no-repeat;  
    color:#000;  
    padding:10px;}  
a {  
    text-decoration: none;  
    color: #CCC  
}  
a:hover span {  
    color: #000;  
    background-image: url(%E6%96%87%E4%BB%B6%E6%8E%A5%E6%94%B6%E6%9F%9C/03%20%E6%8F%90%E4%BE%9B%E7%BB%99%E5%AD%A6%E5%91%98%E7%9A%84%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A05%EF%BC%9A%E5%BD%A9%E5%A6%86%E7%83%AD%E5%8D%96%E4%BA%A7%E5%93%81%E5%88%97%E8%A1%A8/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/02.gif);  
    background-repeat: no-repeat;  
    background-position: 0px 8px;  
    padding:10px;  
}  
a:hover {  
    color: #F36;  
    /*background-color: #F39;*/  
}  
body {  
    background-color: #FF6;  
}  
li div {  
    display: none;  
    text-align: center;  
}  
</style>  
</head>  
  
<body>  
<div class="c"> 大家都喜欢买的美容品</div>  
<ul>  
  <li class="d"> <a href="#"><span>1</span>SK-II护肤精华露 215ml  
    <div><img src=  "1.jpg"    alt="SK-II护肤精华露 215ml"/>  
      <p>￥62.00  最近69122人购买</p>  
    </div>  
    </a> </li>  
  <li class="d"> <a href="#"><span>2</span>雅诗兰黛即时修护眼部精华霜15ml</a></li>  
  <li class="d"> <a href="#"><span>3</span>伊丽莎白雅顿显效复合活肤霜 75ml</a></li>  
  <li class="d"> <a href="#"><span>4</span>OLAY玉兰油多效修护霜 50g</a></li>  
  <li class="d"> <a href="#"><span>5</span>巨型一号丝瓜水320ML</a></li>  
  <li class="d"> <a href="#"><span>6</span>欧莱雅青春密码活颜精华肌底液</a></li>  
  <li class="d"> <a href="#"><span>7</span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>  
</ul>  
</body>  
</html>