在网页的设计中，巧妙的运用各种样式的边框可以让你的网页层次分明，具有很好的用户友好性，也能使网页更加美观，我简单的介绍一下css中实现虚线边框的方法。
其实很简单，只需要运用border的dotted属性就可以了，代码如下：
<div style="border:1px gray dotted;padding:4px">
效果如下：
这是一个灰色的虚线边框效果
其中1px 是边框的宽度，gray 是边框的颜色，dotted就是边框的线型了，实现是dashed，虚线就是dotted，padding:4px是div内容与边框的补白，也就是间隔。
