CSS 中的虛線框，也叫虛線邊框，是一個非常有用的功能，它可以讓你在網頁開發中更好的控制邊框樣式。在 CSS 中，虛線框的樣式是通過 border-style 屬性來設置的。

border-style: dotted;
border-style: dashed;
border-style: double;
border-style: groove;
border-style: inset;
border-style: outset;

這些屬性值分別對應著點線、虛線、雙線、凹邊框、內凸邊框和外凸邊框。我們可以通過在 CSS 文件中設置這些屬性值，來改變虛線邊框的樣式。

border-style: dashed;
border-color: blue;
border-width: 2px;

這個例子就是使用 CSS 自定義的虛線邊框樣式。其中，我們使用了 dashed 屬性值來指定虛線樣式，使用了 blue 屬性值來定義邊框的顏色，使用了 2px 屬性值來定義邊框的寬度。

值得注意的是，在虛線邊框中，我們還可以使用 outline-style 屬性來為元素周圍添加虛線效果，這個屬性的用法和 border-style 類似：

outline-style: dotted;
outline-style: dashed;
outline-style: double;
outline-style: groove;
outline-style: inset;
outline-style: outset;

在日常開發中，虛線邊框還可以用來標記表單輸入框的焦點，告知用戶當前輸入框已選中。例如，我們可以這樣設置：

input:focus {
border: 1px dashed #999;
}

這個例子表示，當用戶在輸入框內輸入時，輸入框周圍將會出現一個寬度為 1px、虛線樣式的灰色邊框。

總的來說，虛線框是一種十分有用的 CSS 樣式，可以提升網頁的美觀程度和交互性。在日常開發中，我們可以根據實際需要自定義虛線框的樣式，靈活運用到網頁設計中。