CSS下边框为虚线是一种常见的UI设计效果，通常用于突出显示内容或元素的边界。在CSS中，可以使用border-style属性设置边框的样式，虚线边框可以通过设置border-style为dashed来实现。

.example {
border-bottom: 1px dashed #333;
}

在上面的代码中，我们将一个具有1像素背景为#333颜色的虚线下边框应用于名为“example”的元素。你可以使用相同的方法应用实线边框。

还可以使用border-bottom-style属性和border-bottom-color属性分别设置边框的样式和颜色，这样可以更细致地控制边框的外观。

.example {
border-bottom-style: dashed;
border-bottom-color: #333;
}

如上代码和之前的代码实现是相同的，只是将border-bottom属性分解为两个属性。

除了下边框，也可以使用border-top、border-left、border-right来设置其它边框的类型和颜色。当然，你也可以使用border属性设置所有边框的样式和颜色。

最后要注意的是，不同的浏览器可能会呈现不同的虚线样式，你可以使用CSS3的border-image属性更加精细地控制虚线的外观。