Html 中如何设置 div边框的颜色

html-css014

Html 中如何设置 div边框的颜色,第1张

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}

这三种方法我都是在猎豹浏览器里测试的，都能达到你的要求。。当然咯，最后采用哪种还需要你自己决定。