HR 標簽是 HTML 中用來表示水平分割線的元素。默認情況下，HR 元素的樣式是實線，但有時候我們可能希望將其樣式改為虛線。此時，我們可以使用 CSS 中的 border-style 屬性來實現。

hr {
border: none;
border-top: 1px dashed #ccc;
}

以上代碼中，我們首先將 HR 元素的邊框設為 none，然后設置上邊框的樣式為虛線，顏色為 #ccc。這樣就能將 HR 元素樣式改為虛線了。

需要注意的是，CSS 樣式會對所有 HR 元素起作用。如果想對某個具體的 HR 元素進行樣式設置，可以先給它添加一個 class 或 id 屬性，然后通過 CSS 選擇器對其進行樣式設置。

.hr-dotted {
border: none;
border-top: 1px dotted #ccc;
}

以上代碼中，我們給 HR 元素添加了一個 class 為 hr-dotted，然后設置其邊框樣式為虛線。

筆者在實際開發中也經常使用虛線 HR 元素來分割不同模塊，提高頁面可讀性。希望以上代碼能對大家有所幫助。