商品分类写出来了。但是有疑问

最新推荐文章于 2022-02-23 03:50:54 发布

艳阳天_.

最新推荐文章于 2022-02-23 03:50:54 发布

阅读量539

点赞数

本文链接：https://blog.csdn.net/MZ199290/article/details/52479072

版权

<!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">
*{margin:0; padding:0;}
.a{background:url(icon_01.gif) 0 5px no-repeat;}
.b{background:url(icon_02.gif) 0 5px no-repeat;}
.c{background:url(icon_03.gif) 0 5px no-repeat;}
.d{background:url(icon_04.gif) 0 5px no-repeat;}
.e{background:url(icon_05.gif) 0 5px no-repeat;}
.f{background:url(icon_06.gif) 0 5px no-repeat;}
.g{background:url(icon_07.gif) 0 5px no-repeat;}
.h{background:url(icon_08.gif) 0 5px no-repeat;}
.i{background:url(icon_09.gif) 0 5px no-repeat;}
.g{background:url(icon_10.gif) 0 5px no-repeat;}
.k{background:url(icon_01.gif) 0 5px no-repeat;}
a{text-decoration:none}  
a{color:#999}  
a{background:url(r_arrow.gif) 160px no-repeat ;}    
h1{background-image:url(title_bg.gif); height:43px; width:184px}
body{font-size:12px; font-family:Arial,"宋体"; color:white;}
a{padding-left:24px;padding-right:100px;}     
li{border-bottom:1px solid #ececec;line-height:28px;} 
div{width:184px; border:1px solid #c90000;}<!--加外面的这个大方框-->
</style>            <!--padding-left24px是整个字体向左走,这个题也要向右填充，否则“>”这个符号没有位置放。-->
</head>          
<body>
<div >
<h1>所有商品分类</h1>
<ul>
<li class="a"><a href="#">话费网游</a></li>
<li class="b"><a href="#">男女服饰</a></li>
<li class="c"><a href="#">鞋包配饰</a></li>
<li class="d"><a href="#">美容美妆</a></li>
<li class="e"><a href="#">运动户外</a></li>
<li class="f"><a href="#">数码家电</a></li>
<li class="g"><a href="#">家居服饰</a></li>
<li class="h"><a href="#">食品保健</a></li>
<li class="i"><a href="#">母婴用品</a></li>
<li class="g"><a href="#">文化娱乐</a></li>
<li class="k"><a href="#">演出旅行</a></li>
</ul>
</div>
</body>
</html>