1. 什么是边框
边框（border）是围绕元素的一条线，用于分隔元素和其它元素。CSS 用 border 属性定义边框。
2. 设置边框样式
CSS 使用 border-style 属性来定义边框的样式。以下是常用的边框样式：
- none：无边框
- dotted：点线边框
- dashed：虚线边框
- solid：实线边框
- double：双线边框
- groove：3D沟槽边框
- ridge：3D垄状边框
- inset：3D凹边框
- outset：3D凸边框
设置边框样式的代码如下所示：
border-style: solid;
以上代码设置边框为实线边框。
3. 设置边框颜色
CSS 使用 border-color 属性来定义边框的颜色。常用的颜色值包括颜色名称、十六进制值和 RGB 值。以下是示例代码：
border-color: red;
border-color: 000000;
border-color: rgb(0, 0, 0);
以上代码分别设置边框颜色为红色、黑色和白色。
4. 设置边框宽度
CSS 使用 border-width 属性来定义边框的宽度。常用的宽度值包括像素值、em 值和百分比值。以下是示例代码：
border-width: 1px;
border-width: 0.5em;
border-width: 10%;
以上代码分别设置边框宽度为1像素、0.5em、宽度为元素宽度的10%。
5. 设置边框为虚线样式
设置边框为虚线样式需要使用 border-style 属性，并将其设置为 dashed 或 dotted。以下是示例代码：
border-style: dashed;
border-style: dotted;
注意：设置边框为虚线样式的同时，最好也设置边框的宽度和颜色，否则可能会看不出效果。
6. 完整示例
下面是一个完整的示例代码，将元素设置为带虚线边框的红色框：
div {
border-style: dashed;
border-color: red;
border-width: 1px;
}
7. 总结
边框是元素的一部分，它用于分隔元素和其它元素。CSS 使用 border-style、border-color 和 border-width 属性来设置边框的样式、颜色和宽度。要设置边框为虚线样式，只需要将 border-style 属性设置为 dashed 或 dotted。
参考链接：
- [CSS 边框 - 阮一峰的网络日志](http://www.ruanyifeng.com/blog/2007/07/css_border.html)
- [CSS Border - w3schools](https://www.w3schools.com/css/css_border.asp)