<html>
<head>
<!--准备一个空白的HTML页面，同时完成css reset样式 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>雪碧图静态网页</title>
<!--补充完整的样式-->
<style>
.box{width:150px;border:1px solid:#bbb;background:#f8f8f8}
h3{margin:0;padding:0}
ul{list-style:none;}
li h3{font-size:14px;font-weight:400}
li{
display:block;
height:31px;
line-height:31px;
overflow:hidden;
border-bottom:1px solid #dedede
}
</style>
</head>
<body>
<!--添加列表的结构-->
<div class="box">
<ul>
<li><i></i> <h3>服装内衣</h3></li>
<li><i></i> <h3>鞋包配饰</h3></li>
<li><i></i> <h3>运动户外</h3></li>
<li><i></i> <h3>珠宝手表</h3></li>
<li><i></i> <h3>手机数码</h3></li>
<li><i></i> <h3>家电办公</h3></li>
<li><i></i> <h3>护肤彩妆</h3></li>
<li><i></i> <h3>母婴用品</h3></li>
</ul>
</div>
</body>
</html>
老师，外面的div怎么没有边框显示？
