CSS ((Cascading Style Sheets 層疊樣式表) 是前端開發必學技術。它提供了豐富的樣式選擇器和屬性，可以編寫出美觀、流暢的網頁界面。其中一個常用的樣式屬性是 border，可以給 HTML 元素添加邊框。在這個屬性中，還有一個很有意思的值——虛線。我們可以使用虛線邊框，也可以使用虛線文字。

span{
text-decoration: underline;
border-bottom: 1px dashed black;
}

上面這段 CSS 代碼可以讓文本下劃線變成虛線。在文字上使用虛線非常有趣，效果類似于波紋散開。我們可以在固定寬度的元素中放置多行文本，然后使用 text-shadow 屬性讓虛線更突出：

.container{
width: 200px;
padding: 10px;
border: 1px solid black;
text-shadow: 0 0 2px black;
}
.container p{
margin: 0;
padding: 5px 0;
border-bottom: 1px dashed black;
}

上面這段 CSS 代碼可以創建一個帶有虛線文字的盒子。我們使用 text-shadow 屬性讓文字周圍有黑色的陰影，讓虛線更容易識別。在 p 元素上設置虛線下邊框，每個段落之間都會有虛線效果。

CSS 的虛線文字只是一種視覺效果，并不會改變文本的行為。如果我們想要在用戶選中文本時能夠看到虛線效果，可以使用 ::selection 偽元素來實現：

/* 修改選中文本時虛線風格 */
::selection{
background-color: #f0f0f0;
}
::selection span{
border-bottom: 1px dashed #c9c9c9;
}

使用 ::selection 偽元素可以修改選中文本時的背景顏色和虛線效果。我們還需要使用 span 元素來選擇虛線文本。這樣，在用戶選中文本時，我們的虛線效果就能夠得到展現了。