CSS是網頁設計中不可或缺的一部分，它可以讓網頁看起來更加美觀、規整。其中，將直線設置成虛線是一種常用的效果，它可以起到分隔和裝飾的作用。下面就讓我們來看一下如何使用CSS將直線設置成虛線。

code {
border-top: 1px dashed #000;
}

上面的代碼是最簡單的設置虛線的方法。其中，code是需要設置虛線的元素，可以根據實際情況修改；border-top表示設置上邊框；1px表示邊框的寬度；dashed表示虛線的樣式，也可以改為其他樣式比如dotted等；#000表示虛線的顏色，可以根據需要進行修改。

除了使用border屬性，我們還可以使用偽元素來設置虛線。例如：

p::after {
content: '';
display: block;
height: 1px;
background: #000;
border-bottom: 1px dashed #000;
}

上面的代碼中，p是需要設置虛線的元素；::after表示在元素的最后添加偽元素；content: ''表示偽元素中的內容為空；display: block將偽元素設置成一個塊級元素，使其能夠占據一行；height: 1px是虛線的高度；background: #000是實線的顏色，可以根據需要進行修改；border-bottom: 1px dashed #000是設置虛線的具體樣式。

CSS還有很多其他的方式可以設置虛線，需要根據實際需求來選擇。值得一提的是，如果想要設置成雙線虛線等效果，可以將上面的代碼中的樣式設置為border-top、border-bottom；同時，如果虛線過長，可以使用background-image和reapet屬性來實現。