首頁 > web前端 > css教學 > 為什麼 CSS `color` 不改變 `` 元素的顏色?

為什麼 CSS `color` 不改變 `` 元素的顏色?

Mary-Kate Olsen
發布: 2024-12-04 08:10:13
原創
851 人瀏覽過

Why Doesn't CSS `color` Change the `` Element's Color?

設定


元素的樣式

當嘗試使用CSS 更改


元素的顏色時,許多開發人員都會遇到困難。提供的程式碼使用了 color 屬性,但沒有產生所需的結果。

解決方案在於使用 border-color 來取代。


元素產生一條水平線,邊框顏色控制線條的顏色。

需要注意的是,如果透過其他 CSS 屬性修改線條大小,邊框將保持與在樣式中指定。在這種情況下,可能需要用背景顏色來補充邊框顏色。

如HTML 5 Boilerplate 項目的預設樣式表中所示,您可以使用以下規則來自訂


元素:
hr {
  border-color: #ccc;
}
登入後複製

此外,如果你想讓


元素繼承其父元素的邊框顏色,可以指定border-color:inherit。 SitePoint 發表的一篇題為「12 個鮮為人知的 CSS 事實」的文章中強調了這項技巧。

以上是為什麼 CSS `color` 不改變 `` 元素的顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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