在CSS中，可以使用text-decoration屬性來添加虛線下劃線，以下是一些示例代碼：

示例1：添加虛線下劃線到文本

p {
  text-decoration: underline wavy;
}

示例2：添加虛線下劃線到鏈接

a {
  text-decoration: underline wavy;
}

示例3：添加虛線下劃線到特定元素

.my-element {
  text-decoration: underline wavy;
}

示例4：添加不同顏色的虛線下劃線

.my-element {
  text-decoration: underline wavy red;
}

示例5：添加虛線下劃線并設(shè)置其他樣式

.my-element {
  text-decoration: underline wavy red;
  font-size: 16px;
  color: #333;
}

示例6：添加虛線下劃線并設(shè)置動畫效果

.my-element {
  text-decoration: underline wavy red;
  animation: my-animation 2s infinite;
}

示例7：添加虛線下劃線并設(shè)置響應(yīng)式樣式

@media (min-width: 600px) {
  .my-element {
    text-decoration: underline wavy red;
  }
}