在CSS中，虛線可以通過(guò)多種方式制作出來(lái)，以下是一些常見(jiàn)的方法：
1、使用border-style屬性：
通過(guò)border-style屬性，我們可以設(shè)置邊框的樣式為dashed或dotted，分別表示虛線和點(diǎn)線。
```css
div {
border-style: dashed;
}
```
或者
```css
div {
border-style: dotted;
}
```
2、使用border-image屬性：
通過(guò)border-image屬性，我們可以使用圖像來(lái)制作虛線。
```css
div {
border-image: url('dashed-line.png') 100% 1px;
}
```
dashed-line.png是虛線圖像的文件路徑，100%表示圖像的寬度與元素的寬度相同，1px表示圖像的高度。
3、使用CSS偽元素：
通過(guò)CSS偽元素，我們可以創(chuàng)建虛線的視覺(jué)效果。
```css
div {
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #000;
}
}
```
這段代碼會(huì)在div元素的上方創(chuàng)建一個(gè)全寬的黑色虛線。
4、使用SVG圖像：
通過(guò)SVG圖像，我們可以創(chuàng)建自定義的虛線樣式。
```html
<div style="background-image: url('dashed-line.svg');"></div>
```
dashed-line.svg是包含虛線路徑的SVG文件。
