1、新建一个HTML页面
2、在HTML的<body>中写上<div>标签，打开浏览器会有对应的效果图
3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式，可以统一设置边框样式
4、也可以分别设置边框样式
1 div上边加1px黑色边框
div{border-top:1px solid #000}
2 给div底部加边框
div{border-bottom:2px dashed #F00}
3 在div盒子左侧加边框
.divcss5{ border-left:1px solid #00F}
DIV代码：
<div class="divcss5">此DIV盒子左侧为1px实线蓝边框</div>
4 在盒子div右侧加边框
div{ border-right:1px solid #F00}
5 在盒子上下加边框
div{border-top:1px solid #000border-bottom:1px solid #000}
6 给div盒子左右加边框
div{ border-left:2px dashed #0F0border-right:2px dashed #0F0}
7 给一个DIV四边加上3px实现黑色边框
div{ border:3px solid #000}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）