在CSS中，可以通过添加虚线来实现不同的效果。下面我们来讲解一下如何添加虚线。

/* 单一边框添加虚线 */border-style: dotted;/* 添加虚线边框 */border: 1px dashed #000;/* 添加虚线的下划线 */text-decoration: underline dashed #000;

1、单一边框添加虚线

border-style: dotted;

这个方法可以让边框样式变成虚线，但是它只能添加单一边框。如果需要添加四边框，需要写四遍，比较麻烦。

2、添加虚线边框

border: 1px dashed #000;

这个方法可以让所有边框变成虚线，而且只需要写一遍，非常方便。其中1px是边框宽度，#000是边框颜色，dashed是虚线样式。

3、添加虚线的下划线

text-decoration: underline dashed #000;

这个方法可以让文字下面的线变成虚线，非常适合用于超链接的样式。其中underline是下划线样式，dashed是虚线样式，#000是颜色。