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

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

Susan Sarandon
發布: 2024-11-19 13:20:02
原創
727 人瀏覽過

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

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

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

使用 CSS 來改變刪除線顏色

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

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

範例

考慮以下程式碼:

<span>
登入後複製

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板