編碼的世界 / 優質文選 / 生涯

前端學習36——CSS改變hr標簽顏色


2021年12月20日
-   

前言


在實際的前端開發中,我們會遇到需要修改hr標簽的顏色的。單純用background-color是沒有辦法改變的。
解決的辦法
hr{
border: none;
height: 1px;
background-color: #e5e5e5;
}

上面的是解決辦法,其中的border屬性也可以填寫0,效果是一樣的。代碼分析:
border: none;或者border: 0;是為防止出現一條黑框。

height: 1px;是為了防止在firefox下不顯示。

background-color: #e5e5e5;是填寫你需要改變的顏色。

總結
這是我開發中的一點小心得,希望對前端開發的小夥伴們有幫助。

熱門文章