CSS中經(jīng)常需要使用虛線來(lái)進(jìn)行輔助展示。那么在CSS中，虛線是如何表示的呢？

.dashed-line{
border: 1px dashed #ccc;
}

在上面的代碼中，我們使用border屬性來(lái)實(shí)現(xiàn)虛線。其中，dashed表示邊框?yàn)樘摼€，#ccc表示邊框的顏色。如果你需要設(shè)置邊框的寬度，可以像下面這樣寫(xiě)：

.dashed-line{
border: 2px dashed #ccc;
}

如果你只需要其中的一個(gè)邊框?yàn)樘摼€，可以像下面這樣寫(xiě)：

.dashed-line{
border-bottom: 1px dashed #ccc;
}

上面的代碼只會(huì)將底部的邊框設(shè)置為虛線，其他的邊框則保持原樣。如果你想要將所有的邊框變成虛線，可以像下面這樣寫(xiě)：

.dashed-line{
border: 1px dashed #ccc;
box-shadow: 0 0 1px 0 #ccc;
}

上面的代碼可以將四個(gè)邊框都設(shè)置為虛線，并且增加了陰影效果。這樣可以讓虛線更加清晰。

除此之外，還有其他一些方式可以實(shí)現(xiàn)虛線，例如使用背景圖片、偽元素等。但是使用border屬性是最簡(jiǎn)單的方法，也是最常用的方法。