CSS 在網頁設計中扮演了重要角色，可以讓網頁更加美觀且有吸引力。其中，有時需要在設計中使用虛線矩形。在這篇文章中，我們將討論如何使用 CSS 來畫虛線矩形。

要畫虛線矩形，首先需要使用 CSS 中的 border 屬性。border 屬性定義了一個元素的邊框，包括邊框的寬度、樣式和顏色。

.selector {
border: 1px dashed #000;
}

在上面的代碼中，我們使用了 border-style 屬性設置邊框樣式為 dashed，這樣可以畫出虛線樣式的矩形。

但是，這個虛線矩形不是我們想要的樣子，我們需要控制虛線的長度和間隔。在 CSS 中，我們可以使用 border-width 和 border-spacing 屬性來實現這一點。

.selector {
border: 1px dashed #000;
border-width: 2px;
border-spacing: 10px;
}

在上面的代碼中，我們使用了 border-width 屬性設置邊框寬度為 2px，這樣我們就得到了更粗的虛線。我們還使用了 border-spacing 屬性來設置虛線的長度和間隔，這里我們將間隔設置為 10px。

以上就是如何使用 CSS 畫虛線矩形的介紹。通過使用 border 屬性、邊框樣式屬性、邊框寬度屬性和邊框間隔屬性，我們可以輕松地畫出漂亮的虛線矩形，為網頁設計增添了更多的美感。