CSS中div描边是制作网页时经常用到的一种技巧，可以优化网页的布局和美观度。下面让我们一起来了解一下CSS中div描边的相关知识。

要为div添加边框，可以使用CSS中的border属性。该属性用于定义元素的边框，并控制其宽度，样式和颜色。

div {border: 1px solid black;}

上述代码会为元素添加一个1像素宽度的黑色实线边框。border属性的值可以有三个属性：边框宽度、边框样式和边框颜色。

边框宽度：

border-width: thin; /*1px*/border-width: medium; /*3px*/border-width: thick; /*5px*/border-width: 2px 4px 6px 8px; /*分别设定上、右、下、左四个边框的宽度*/

边框样式：

border-style: solid; /*实线*/border-style: dotted; /*点*/border-style: dashed; /*虚线*/border-style: double; /*双实线*/border-style: groove; /*3D凹槽效果*/border-style: ridge; /*3D凸槽效果*/border-style: inset; /*3D凹陷效果*/border-style: outset; /*3D浮雕效果*/

边框颜色：

border-color: black; /*黑色*/border-color: #000; /*十六进制黑色*/border-color: rgb(255,0,0); /*红色*/border-color: rgba(255,0,0,0.5); /*半透明红色*/

除了常规的边框属性，还有一些可以用来控制边框的其他CSS属性:

border-radius：圆角边框

div {border: 1px solid black;border-radius: 5px;}

上述代码会增加一个5像素的圆角边框。

box-shadow：阴影效果

div {border: 1px solid black;border-radius: 5px;box-shadow: 2px 2px 5px gray;}

上述代码会在元素周围创建一个阴影效果。

总结：CSS中使用div描边的方法非常简单，只需要使用border、border-radius和box-shadow等基本属性即可。更多精彩的CSS技巧，让我们一起关注前端开发相关的技术吧！