虛線在 CSS 中有多種樣式可以用于縮進文本，下面介紹其中兩種常用的樣式：

1. 水平虛線縮進

使用水平虛線縮進文本的方法如下：

```css

.container {

width: 300px;

margin: 0 auto;

padding: 10px;

text-align: center;

font-size: 20px;

line-height: 20px;

border-radius: 5px;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

.container:before,

.container:after {

content: "";

border-radius: 5px;

width: 10px;

height: 10px;

background-color: #fff;

margin-top: -5px;

border-top: 5px solid #fff;

上述代碼定義了一個容器元素，設置了寬度、水平縮進、字體大小、行高、邊框半徑、陰影和內邊距。然后使用 `:before` 和 `:after` 偽元素來創建兩個水平虛線縮進，這兩個元素的內容都是 `#fff`，它們在容器元素周圍創建了一個 5 像素的邊框，并垂直居中。

2. 垂直虛線縮進

使用垂直虛線縮進文本的方法如下：

```css

.container {

width: 300px;

margin: 0 auto;

padding: 10px;

text-align: center;

font-size: 20px;

line-height: 20px;

border-radius: 5px;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

.container:before,

.container:after {

content: "";

border-radius: 5px;

width: 10px;

height: 10px;

background-color: #fff;

border-radius: 5px;

margin-right: -5px;

margin-top: 5px;

transform: rotate(45deg);

transform-origin: 0 100%;

上述代碼同樣定義了一個容器元素，設置了寬度、水平縮進、字體大小、行高、邊框半徑、陰影和內邊距。然后使用 `:before` 和 `:after` 偽元素來創建兩個垂直虛線縮進，這兩個元素的內容都是 `#fff`，它們在容器元素周圍創建了一個 5 像素的邊框，并垂直居中。不同的是，`:before` 元素和 `:after` 元素的內容都是 `#fff`，它們在水平和垂直方向上旋轉了 45 度，并設置了旋轉后的起始位置。

以上就是兩種常見的虛線縮進 CSS 樣式的介紹，可以根據具體需求選擇合適的樣式來實現文本的縮進效果。