CSS中如何设置div的边框？

1、新建一个HTML页面。

2、在HTML的中写上

标签，打开浏览器会有对应的效果图。

3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式，可以统一设置边框样式。

4、也可以分别设置边框样式。

1div上边加1px黑色边框\x0d\x0adiv{border-top:1pxsolid#000}\x0d\x0a\x0d\x0a2给div底部加边框\x0d\x0adiv{border-bottom:2pxdashed#F00}\x0d\x0a\x0d\x0a3在div盒子左侧加边框\x0d\x0a.divcss5{border-left:1pxsolid#00F}\x0d\x0aDIV代码：\x0d\x0a此DIV盒子左侧为1px实线蓝边框\x0d\x0a\x0d\x0a4在盒子div右侧加边框\x0d\x0adiv{border-right:1pxsolid#F00}\x0d\x0a\x0d\x0a5在盒子上下加边框\x0d\x0adiv{border-top:1pxsolid#000border-bottom:1pxsolid#000}\x0d\x0a\x0d\x0a6给div盒子左右加边框\x0d\x0adiv{border-left:2pxdashed#0F0border-right:2pxdashed#0F0}\x0d\x0a\x0d\x0a7给一个DIV四边加上3px实现黑色边框\x0d\x0a\x0d\x0adiv{border:3pxsolid#000}

---