在CSS中，可以通過添加虛線來實現不同的效果。下面我們來講解一下如何添加虛線。

/* 單一邊框添加虛線 */
border-style: dotted;
/* 添加虛線邊框 */
border: 1px dashed #000;
/* 添加虛線的下劃線 */
text-decoration: underline dashed #000;

以上就是添加虛線的3種方式，我們來一一介紹。

1、單一邊框添加虛線

border-style: dotted;

這個方法可以讓邊框樣式變成虛線，但是它只能添加單一邊框。如果需要添加四邊框，需要寫四遍，比較麻煩。

2、添加虛線邊框

border: 1px dashed #000;

這個方法可以讓所有邊框變成虛線，而且只需要寫一遍，非常方便。其中1px是邊框寬度，#000是邊框顏色，dashed是虛線樣式。

3、添加虛線的下劃線

text-decoration: underline dashed #000;

這個方法可以讓文字下面的線變成虛線，非常適合用于超鏈接的樣式。其中underline是下劃線樣式，dashed是虛線樣式，#000是顏色。

以上三種方法都是使用虛線樣式的常用方法，可以根據實際情況選擇不同的方法來實現需要的效果。