虛線效果是網頁設計中常用的一種樣式，可以用來裝飾頁面元素，增強視覺效果。制作虛線效果有多種方式，下面我們將詳細介紹其中兩種方法。

方法一：使用CSS樣式表

CSS樣式表是網頁設計中常用的一種工具，可以對網頁元素進行樣式設置。在CSS中，可以通過border-style屬性設置邊框樣式，包括虛線樣式。下面是一個例子：

```css

.dashed {

border: 1px dashed #ccc;

在上面的代碼中，我們定義了一個類名為dashed的樣式，設置了1像素寬的虛線邊框，顏色為#ccc。可以通過將該類名應用到元素上來實現虛線效果，如下所示：

<div class="dashed">這是一個虛線框</div>

使用CSS樣式表制作虛線效果可以實現樣式的復用，方便維護，而且可以通過修改樣式表來同時修改多個元素的樣式。

方法二：使用SVG

SVG是一種矢量圖形格式，可以在網頁中直接嵌入，用來制作復雜的圖形效果。在SVG中，可以通過stroke-dasharray屬性設置虛線樣式，下面是一個例子：

```svg

<svg width="100" height="100">one" />

</svg>

在上面的代碼中，我們使用SVG繪制了一個寬為80像素、高為80像素的矩形，設置了1像素寬的虛線邊框，顏色為#ccc，虛線樣式為5像素實線和5像素空白線。可以通過將SVG代碼直接嵌入到頁面中來實現虛線效果。

使用SVG制作虛線效果可以實現更加靈活的效果，可以通過修改虛線樣式參數來實現不同的效果，但需要注意的是，SVG代碼相對于CSS樣式表來說比較復雜，需要一定的技術水平。

以上是兩種常用的制作HTML虛線效果的方法，使用CSS樣式表可以實現簡單的虛線效果，使用SVG可以實現更加靈活的效果。在實際應用中，我們可以根據具體需求選擇合適的方法來實現虛線效果。