在 CSS 中设置虚线样式是一个常见的需求。使用虚线样式可以给页面增加一定的美感，在视觉上更好地分割不同模块。接下来，我们将分享如何设置 CSS 虚线样式。

border-style: dashed;

使用border-style属性可以设置 CSS 的虚线样式。其中，dashed表示虚线样式。你可以尝试修改这个属性，来查看页面上出现的不同效果。

border-style: dashed;border-width: 2px;

在添加虚线样式后，我们通常还需要增加边框的宽度。你可以使用border-width属性来设置，这里设置的是 2px。同样，你可以试着修改这个属性值来查看效果。

border-style: dashed;border-width: 2px;border-color: #ccc;

除了样式和宽度，我们还需要为虚线样式指定一个颜色。使用border-color属性可以设置边框的颜色。在这里我们设置了一个浅灰色。