上机练习3

最新推荐文章于 2019-04-27 13:03:30 发布

「已注销」

最新推荐文章于 2019-04-27 13:03:30 发布

阅读量291

点赞数

本文链接：https://blog.csdn.net/qq_36074134/article/details/52852126

版权

<!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">
.q {
	background-color: #C36;
	color: #FFF;
	padding: 7px;
}
.aa{
	padding: 1px;
	
	margin:0px;
	}

.e {
	background-color: #FFF;
	color: #666;
	background-repeat: repeat;
	background-position: right;
	margin:0px;
}

	.ww{
	border-bottom-style: dashed;
	border-bottom-width: thin;
	list-style-position: outside;
	list-style-type: none;
	color:#000;	

		}
a:hover span{
	background-image: url(../Desktop/dot_02.gif);
	background-repeat: no-repeat;
	background-position: center center;	
	padding:10px;
		}	
span{
	background-image: url(../Desktop/dot_01.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding:10px;
	color:#FFF;
}
a{text-decoration:none}
a:hover{color:#F00}
.aa li{
	background-color:#fff;

	color: #C63;
		padding: 7px;
}
</style>
</head>

<body  class="e">

  <div class="q">大家都喜欢买的美容品</div>

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

</body>
</html>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
上机练习3

无标题文档.q { background-color: #C36; color: #FFF; padding: 7px;}.aa{ padding: 1px; margin:0px; }.e { background-color: #FFF; color: #666; background-repeat: repeat; background-position:
复制链接

扫一扫