在網頁設計中，我們常常需要在文字兩邊添加虛線框，以突出文字的重要性。這種效果可以通過CSS來實現。 首先，我們需要創建一個帶有border樣式的類，如下所示：

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

接下來，我們可以在需要添加虛線框的文字上使用該類，例如：

這是需要加虛線框的文字。

此時，文字兩邊就會出現一條黑色虛線框，如下圖所示：  如果希望虛線框的樣式更加突出，可以通過修改border屬性的寬度和顏色來實現，例如：

.dashed-border {
border: 3px dashed red;
}

這樣，文字兩邊就會出現一條3像素寬的紅色虛線框。 值得注意的是，如果希望虛線框的長度是與文字長度相同的，需要將文字的display樣式設置為inline-block或inline，例如：

這是需要加虛線框的文字。

這樣，虛線框的長度就會與文字長度相同了。 總之，通過CSS為文字兩邊添加虛線框是一種簡單而實用的設計技巧。我們只需要定義好一個帶有border樣式的類，然后在需要的地方應用即可。