html 第6章上机练习三

最新推荐文章于 2019-12-06 22:27:21 发布

IT的雨天

最新推荐文章于 2019-12-06 22:27:21 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/qq_36074163/article/details/52853073

版权

<!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"> 
    .do{
	background-color: #F09;
	color: #FFF;
	font-size: 24px;
	
	}
  .r{
	width:400px;
	height:45px;
	font-size: 18px;
	border-bottom-style: dashed;
	margin:0px;
	padding:0px;
	background-color: #FFF;
 
	}
   a span{
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(dot_01.gif);
	padding: 0px   8px;
	color: #FFF;
	   }
	   
	
	  a:hover span{
	 color:#F0F;
		   }  
		   a:hover{
	 color:#F0F;
		   }  
	   ul{list-style-type:none;}
	   ul li a{text-decoration:none;
	  
	   }
	 
	
</style>
</head>
<body>
<div  class="do">大家都喜欢买的美容品</div>
<ul  >
<li class="r"><a  href="#" ><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</a></li>
<li class="r"><a  href="#" ><span>2</span> 伊丽莎白雅顿显效复合活肤霜75ml</a></li>
<li class="r"><a  href="#" ><span>3</span>OLAY玉兰油多效修护霜 50g</a></li>
<li class="r"><a  href="#" ><span>4</span>倩碧保湿洁肤水2号 200ml</a></li>
<li class="r"><a  href="#" ><span>5</span>比度克细肤淡印霜 30g</a></li>
<li class="r"><a  href="#" ><span>6</span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
<li class="r"><a href="#" ><span>7</span>SK-II护肤精华露 215ml</a></li>
<li class="r"><a  href="#" ><span>8</span>欧莱雅青春密码活颜精华肌底液</a></li>
 
</ul>
</body>
</html>

IT的雨天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 第6章上机练习三

美容热点产品 .do{ background-color: #F09; color: #FFF; font-size: 24px; } .r{ width:400px; height:45px; font-size: 18px; border-bottom-style: dashed; margin:0px; padding:0p
复制链接

扫一扫