一、边框属性简单介绍
1、边框属性为border
2、边框兼容好的重用样式有:
none : 无际框
solid 实线边框
dashed虚线边框
3、div标签设置边框线为实线,那么就是要border边框花式值为solid
4、div边框线为实线树模代码:
div{border:1px solid #000}
配置div四条边玄色实现边框。
二、div实线边框应用实例
1、这里对div分别径自配置上、下、左、右、四条边实线花样。
2、残缺HTML CSS实例代码
div实线边框配置
.div-left{width:300px;margin-top:5px;height:100px;border-left:3px solid #00F}
.div-right{width:300px;margin-top:5px;height:100px;border-right:3px solid #F00}
.div-top{width:300px;margin-top:5px;height:100px;border-top:3px solid #00F}
.div-bottom{width:300px;margin-top:5px;height:100px;border-bottom:3px solid #F00}
.div-all{width:300px;margin-top:5px;height:100px;border:3px solid #00F}
div左边框实线 粗为3px 蓝色 DIV左边框实线 粗为3px 血色 div上边框实线 粗为3px 蓝色 div下边框实线 粗为3px 红色 边框实线 粗为3px
3、实例截图
实现div的边框为实线花色