1.添加外部样式
<style>.div1{border:3px solid #000}
</style>
<div class="div1">这是DIV1</div>
border为边框属性,1px为边框的宽度 1像素,solid为边框的样式 实线,#000为边框的颜色 黑色
2.添加内部样式
<div style="border:1px solid #000">这是DIV1</div>div宽度200,高100,边框10px,颜色为红色<div>红色边框的div盒子</div>
css:
div{width:200pxheight:100pxborder:solid 10px #f00}
你的问题有多种解决方法:方法一:将li的float属性删除,display改成inline-block,即:
li{display:inline-block*display:inline*zoom:1width:60pxheight:60pxmargin:50px}
方法二:为ul添加overflow:hidden属性,即: ul{overflow: hidden}
方法三:为ul添加指定高度,如:ul{height: 400px}
这三种方法我都是在猎豹浏览器里测试的,都能达到你的要求。。当然咯,最后采用哪种还需要你自己决定。