2.第六章

最新推荐文章于 2025-01-07 21:15:50 发布

丿乱丶

最新推荐文章于 2025-01-07 21:15:50 发布

阅读量653

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_36074038/article/details/52848863

<!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">
.ljr{
<span style="white-space:pre">	</span>padding: 7px;
<span style="white-space:pre">	</span>background-color: #CCC;
<span style="white-space:pre">	</span>height:340px;
<span style="white-space:pre">	</span>width:310px;
<span style="white-space:pre">	</span>}
.jr{
<span style="white-space:pre">	</span>width:294px;
<span style="white-space:pre">	</span>height: 20px;
<span style="white-space:pre">	</span>background-color: #F09;
<span style="white-space:pre">	</span>padding: 7px;
<span style="white-space:pre">	</span>color:#FFF;
}
.ar {
<span style="white-space:pre">	</span>width: 300px;
<span style="white-space:pre">	</span>height:300px;
<span style="white-space:pre">	</span>background-color: #FFF;
<span style="white-space:pre">	</span>padding: 4px;
<span style="white-space:pre">	</span>text-align:left;<span style="white-space:pre">	</span>
}
.ajr{
<span style="white-space:pre">	</span>
<span style="white-space:pre">	</span> list-style-type: none;
<span style="white-space:pre">	</span>border-bottom: dashed;
<span style="white-space:pre">	</span>padding: 4px;
<span style="white-space:pre">	</span>background-color: #FFFFFF;<span style="white-space:pre">	</span>
<span style="white-space:pre">	</span>
<span style="white-space:pre">	</span>
}
<span style="white-space:pre">	</span>.aa{
<span style="white-space:pre">	</span>margin: 0px;
<span style="white-space:pre">	</span>padding: 0px;<span style="white-space:pre">		</span>
<span style="white-space:pre">		</span>}
span{
    color:#FFF;
<span style="white-space:pre">	</span>background-image: url(dot_01.gif);
<span style="white-space:pre">	</span>background-repeat: no-repeat;
<span style="white-space:pre">	</span>padding:7px;
<span style="white-space:pre">	</span>text-align:center;
<span style="white-space:pre">	</span>background-position:0px 4px;
<span style="white-space:pre">	</span>}
a:hover span{
<span style="white-space:pre">	</span>background-repeat: no-repeat;
<span style="white-space:pre">	</span>text-align: center;
<span style="white-space:pre">	</span>background-position: 0px 4px;
<span style="white-space:pre">	</span>text-decoration: none;
<span style="white-space:pre">	</span>background-image: url(dot_02.gif);
<span style="white-space:pre">	</span>
}
a:hover{color:#F3C;}
a{ text-decoration:none;}<span style="white-space:pre">		</span>
</style>
</head>


<body>
<div class="ljr">
<div class="jr">


大家都喜欢买的美容品


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


</div>
</div>
</body>
</html>