CSS边框虚线是网页设计中常用的一种边框效果，它可以使网页看起来更加美观和时尚。下面是CSS边框虚线代码的写法。

.border-dashed {
border: dashed 2px #ccc; /* 边框样式：虚线，宽度为2px，颜色为#ccc */
}

在上面的代码中，我们定义了一个名为“border-dashed”的类，然后给这个类添加虚线边框样式。具体来说，我们使用了“border”属性来定义边框样式，属性值包括边框宽度、颜色和样式。这里边框样式为“dashed”，即虚线，边框宽度为“2px”，颜色为“#ccc”。

如果你想为某个元素添加CSS边框虚线，只需要把这个类添加到该元素的类列表中即可。例如：

<div class="border-dashed">
这是一个带有虚线边框的元素。
</div>

这样就可以在页面中显示一个带有虚线边框的元素了。

当然，你也可以使用其他样式属性，如“padding”、“margin”等来调整边框与元素之间的距离，以使效果更加优美。

总之，使用CSS边框虚线可以为网页设计增加一些生动性和时尚感，对于前端开发人员来说是一种必须了解的技术。