前言
在實際的前端開發中,我們會遇到需要修改hr標簽的顏色的。單純用
background-color
是沒有辦法改變的。
解決的辦法
hr{
border: none;
height: 1px;
background-color: #e5e5e5;
}
上面的是解決辦法,其中的border屬性也可以填寫0,效果是一樣的。代碼分析:
border: none;或者border: 0;是為防止出現一條黑框。
height: 1px;是為了防止在firefox下不顯示。
background-color: #e5e5e5;是填寫你需要改變的顏色。
總結
這是我開發中的一點小心得,希望對前端開發的小夥伴們有幫助。