div标签默认是不带边框,但是通过编辑CSS可以定义其边框。
1、border-left:1px solid #000 设置对象左边1px实线黑色边框
2、border-right:1px solid #000 设置对象右边1px实线黑色边框
3、border-top:1px solid #000 设置对象上边1px实线黑色边框
4、border-bottom:1px solid #000 设置对象底边1px实线黑色边框
5、border:1px solid #000 设置对象四边1px实线黑色边框
在border的样式中:使用 solid 表示实线,使用 dashed 表示虚线
示例:
.div1,.div2,.div3{ width:300px; height:60px; margin-top:5px}
/*CSS注释说明:设置三个样式选择器相同属性*/
.div1{ border:2px solid #F00}
.div2{ border:4px dashed #F00}
.div3{ border:8px solid #F00}
我被设置边框宽度2px实线边框
我被设置边框宽度4px虚线边框
效果图如下: