首頁 >web前端 >css教學 >如何更改 HTML 中刪除線的顏色?

如何更改 HTML 中刪除線的顏色?

Susan Sarandon
Susan Sarandon原創
2024-11-19 13:20:02749瀏覽

How can I change the color of a strikethrough line in HTML?

以與文字不同的方式為刪除線著色

HTML 元素都可以對文字產生引人注目的效果。然而,刪除線通常與文字具有相同的顏色。

使用 CSS 來改變刪除線顏色

幸運的是,CSS 可以用來改變刪除線的顏色。操作方法如下:

  1. 將文字包裝在額外元素中: 建立一個附加包裝元素以將刪除線顏色與文字顏色分開。
  2. 將刪除線顏色指派給外部元素: 使用 text-decoration 屬性為外部元素設定所需的刪除線顏色。
  3. 將文字顏色分配給內部元素: 內外元素,放置一個內部元素並為其指定所需的文字顏色。

範例

考慮以下程式碼:

<span>

此程式碼將顯示“黑色帶紅色刪除線”,文字為黑色,刪除線為紅色。外部元素設定刪除線顏色,而內部的 <span> 則設定刪除線顏色。元素設定文字顏色。

以上是如何更改 HTML 中刪除線的顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn