CSS里有很多種邊框樣式，其中一種是dotted，翻譯過來就是“虛線的”。當我們想讓元素的邊框不是實線而是虛線時，我們就可以用到這種樣式。

.example {
border: 1px dotted black;
}

通過這段CSS代碼，我們可以給一個class為“example”的元素添加一個1px寬的黑色虛線邊框。如果你想讓虛線邊框更密集一些，可以將其中的“dotted”改為“double-dotted”，這樣每兩個點之間就會有兩個點，視覺效果更加濃密。

.example {
border: 1px double-dotted black;
}

需要注意的是，在某些邊框樣式不支持虛線的情況下，dotted可能會被替換為其他樣式，具體取決于不同瀏覽器的實現方式。另外，我們也可以只對邊框的某一個方向設置虛線樣式：

.example {
border-top: 1px dotted black;
}

這樣便只會給元素的上邊框添加一個黑色虛線效果，其余邊框則不受影響。

最后提醒一句，如果使用虛線邊框時，盡量避免讓邊框的寬度過大，不然虛線效果可能會變得不夠明顯。