在CSS中，您可以使用text-decoration屬性來(lái)設(shè)置字體下面的虛線，以下是一些示例代碼，展示如何應(yīng)用虛線裝飾到文本中：

示例1: 單個(gè)單詞下的虛線

p {
  text-decoration: underline;
}

示例2: 多行文本下的虛線

div {
  text-decoration: underline;
}

示例3: 使用text-decoration-style設(shè)置虛線樣式

div {
  text-decoration: underline;
  text-decoration-style: double; /* 設(shè)置雙虛線 */
}

示例4: 設(shè)置虛線顏色

div {
  text-decoration: underline;
  text-decoration-color: red; /* 設(shè)置虛線顏色為紅色 */
}

示例5: 去除默認(rèn)的下劃線樣式

div {
  text-decoration: none; /* 去除默認(rèn)的下劃線樣式 */
}

示例6: 應(yīng)用到特定元素

h1, h2, p {
  text-decoration: underline; /* 應(yīng)用到標(biāo)題和段落 */
}

示例7: 使用text-decoration-line設(shè)置哪一行有虛線

div {
  text-decoration: underline; /* 設(shè)置整行都有虛線 */
  text-decoration-line: under; /* 設(shè)置只有底部有虛線 */
}

通過(guò)調(diào)整text-decoration屬性及其相關(guān)子屬性，您可以控制文本下方虛線的樣式、顏色和位置，希望這些示例能幫助您更好地理解和應(yīng)用這一CSS特性。