HTML第六章上机题3-------聚美优品美容热点列表

来源：互联网发布：2017网络玩什么最赚钱编辑：程序博客网时间：2024/06/02 17:44
<!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">body {background-color: #FF9;}.m {width:350px;border-top-width: thin;<img src="http://img.blog.csdn.net/20161018153241568?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />border-top-style: solid;border-top-color:#000;list-style-type:none;background:#FFF;}ul {padding:0px;margin:0px;}.sty {font-size: 24px;font-weight: bold;color: #FFF;background-color: #F9F;}.text  {border-bottom-color:#CCC;border-bottom-style:dashed;font-size:14px;}a span {color:#FFF;background:url(file:///C|/Users/Administrator/Desktop/dot_01.gif) 0px 5px no-repeat;text-align:center;padding:10px;font-weight:bold;}a:hover span {color:#000;background-image: url(dot_02.gif);background-repeat: no-repeat;background-position: 0px 8px; }a {text-decoration:none;color: #999999;line-height:40px;}a:hover {color: #F9F;}</style></head><body><ul class="m">  <li class="sty"> 大家都喜欢买的美容品 </li>  <li class="text"><a href="#"><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</a></li>  <li class="text"><a href="#"><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</a></li>  <li class="text"><a href="#"><span>3</span> OLAY玉兰油多效修护霜 50g</a></li>  <li class="text"><a href="#"><span>4</span> 巨型一号丝瓜水320ML</a></li>  <li class="text"><a href="#"><span>5</span>倩碧保湿洁肤水2号 200ml</a></li>  <li class="text"><a href="#"><span>6</span> 比度克细肤淡印霜 30g</a></li>  <li class="text"><a href="#"><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>  <li class="text"><a href="#"><span>8</span>SK-II护肤精华露 215ml</a></li>  <li class="text"><a href="#"><span>9</span> 欧莱雅青春密码活颜精华肌底液</a></li></ul></body></html>
0 0