在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;
  }
}

示例8：添加虛線下劃線并設(shè)置交互效果

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

通過text-decoration屬性，可以輕松地添加虛線下劃線到文本、鏈接或特定元素，并可以進(jìn)一步設(shè)置顏色、字體大小、顏色等樣式屬性，也可以與其他CSS屬性結(jié)合使用，實(shí)現(xiàn)更豐富的交互效果和響應(yīng)式設(shè)計(jì)。