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}

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