CSS中如何添加刪除線

在CSS中，我們可以使用text-decoration屬性來(lái)添加刪除線。text-decoration屬性可以應(yīng)用于文本，使文本具有裝飾效果，如添加下劃線、上劃線、刪除線等。

我們可以給一段文本添加刪除線，只需將text-decoration屬性設(shè)置為line-through即可。

p {
  text-decoration: line-through;
}

上述代碼表示將段落（p元素）的文本裝飾效果設(shè)置為刪除線。

除了使用text-decoration屬性外，我們還可以使用text-decoration-color屬性來(lái)設(shè)置刪除線的顏色，使用text-decoration-style屬性來(lái)設(shè)置刪除線的樣式，如實(shí)線、虛線等。

p {
  text-decoration: line-through;
  text-decoration-color: red;
  text-decoration-style: double;
}

上述代碼表示將段落（p元素）的文本裝飾效果設(shè)置為紅色雙線的刪除線。

需要注意的是，text-decoration屬性會(huì)應(yīng)用于所有文本，包括單詞、短語(yǔ)和段落，如果你只想給某個(gè)特定的文本添加刪除線，可以使用span或div等元素來(lái)包裹這段文本，并給這些元素應(yīng)用text-decoration屬性。

<p>這是一段<span style="text-decoration: line-through;">帶有刪除線的文本</span>。</p>

上述代碼表示在段落（p元素）中，只有被span元素包裹的文本才會(huì)添加刪除線。