为什么这样写出不来效果呢
来源：3-2 编程练习
上周玩
2015-08-02 11:52
<html>
<head>
<meta charset="utf-8"/>
<!--准备一个空白的HTML页面，同时完成css reset样式 -->
<style>
*{margin:0;padding:0;}
<!--补充完整的样式-->
.mycat{width:150px;border:1px solid #bbb;background-color:#eee;}
ul li{list-style:none;height:31px;line-height:31px;border-bottom:1px solid #ddd;}
h3{font-size:14px;font-weight:400;}
</style>
</head>
<body>
<!--添加列表的结构-->
<div class="mycat">
<ul>
<li class="cat-1">
<i></i>
<h3>服装内衣</h3>
</li>
<li class="cat-2">
<i></i>
<h3>鞋包配饰</h3>
</li>
<li class="cat-3">
<i></i>
<h3>运动户外</h3>
</li>
<li class="cat-4">
<i></i>
<h3>珠宝手表</h3>
</li>
<li class="cat-5">
<i></i>
<h3>手机数码</h3>
</li>
<li class="cat-6">
<i></i>
<h3>家电办公</h3>
</li>
<li class="cat-7">
<i></i>
<h3>护肤彩妆</h3>
</li>
<li class="cat-8">
<i></i>
<h3>母婴用品</h3>
</li>
</ul>
</div>
</body>
</html>为什么这样写出不来效果呢？
写回答
关注
5回答
-
- 六月时光
- 2015-08-03 17:54:45
你这是神坑啊，你的注释错啦<!--补充完整的样式--> 你怎么在css里写html的注释咧，这怎么会有效果啊应该写成/*补充完整的样式*/
-
- 诗雨若枫
- 2015-08-03 08:24:20
<!-- 效果出来了啊--> <html> <head> <!-- <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> --> <!--准备一个空白的HTML页面，同时完成css reset样式 --> <style> *{ margin:0; padding:0; } .mycat{ width:150px; border:1px solid #bbb; background-color:#eee; } ul li{ list-style:none; height:31px; line-height:31px; border-bottom:1px solid #ddd; } h3{ font-size:14px; font-weight:400; } </style> </head> <body> <!--添加列表的结构--> <div class="mycat"> <ul> <li class="cat-1"> <i></i> <h3>服装内衣</h3> </li> <li class="cat-2"> <i></i> <h3>鞋包配饰</h3> </li> <li class="cat-3"> <i></i> <h3>运动户外</h3> </li> <li class="cat-4"> <i></i> <h3>珠宝手表</h3> </li> <li class="cat-5"> <i></i> <h3>手机数码</h3> </li> <li class="cat-6"> <i></i> <h3>家电办公</h3> </li> <li class="cat-7"> <i></i> <h3>护肤彩妆</h3> </li> <li class="cat-8"> <i></i> <h3>母婴用品</h3> </li> </ul> </div> </body> </html> -
- 诗雨若枫
- 2015-08-03 08:13:18
你的是出现乱码？
-
- 诗雨若枫
- 2015-08-03 08:12:08
是这效果吗
-
- 诗雨若枫
- 2015-08-02 13:02:07
<style type="text/css"> //此处要写明type
</style>
CSS Sprite雪碧图应用
必学的大型网站实用技术，让你快速掌握CSS Sprite雪碧图技术
47092 学习 · 241 问题
相似问题