为什么这样写出不来效果呢
<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>为什么这样写出不来效果呢？
