CSS樣式之刪除線

在CSS中，我們可以使用“text-decoration”屬性來(lái)添加刪除線效果，這個(gè)屬性可以應(yīng)用于文本，使文本呈現(xiàn)刪除線樣式，下面是一些示例代碼：

1、單個(gè)單詞添加刪除線：

.strikethrough {
  text-decoration: line-through;
}

2、整段文本添加刪除線：

.strikethrough-paragraph {
  text-decoration: line-through;
}

3、自定義顏色刪除線：

.custom-strikethrough {
  text-decoration: line-through 2px red;
}

在上面的代碼中，我們定義了一個(gè)類名，然后將這個(gè)類名應(yīng)用到需要添加刪除線的元素上?！發(fā)ine-through”表示添加刪除線效果，數(shù)字表示刪除線的粗細(xì)，顏色表示刪除線的顏色。

需要注意的是，如果元素本身有背景色，那么刪除線的顏色可能會(huì)受到背景色的影響，在自定義顏色時(shí)，我們需要考慮到背景色的因素。

我們還可以使用其他CSS屬性來(lái)進(jìn)一步定制刪除線的樣式，比如使用“text-decoration-style”屬性來(lái)設(shè)置刪除線的樣式（實(shí)線或虛線），或者使用“text-decoration-color”屬性來(lái)設(shè)置刪除線的顏色，這些屬性可以讓我們更加靈活地控制刪除線的樣式。