我想hr使用CSS 更改標(biāo)簽的顏色。我在下面嘗試過(guò)的代碼似乎不起作用：hr { color: #123455;}
3 回答
鴻蒙傳說(shuō)
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
我想如果您打算更改tag 產(chǎn)生的線(xiàn)條的顏色，則應(yīng)該使用border-color而不是。color<hr>
雖然，在注釋中已經(jīng)指出，如果您更改線(xiàn)條的大小，邊框仍將與樣式中指定的寬度一樣，并且線(xiàn)條將被填充為默認(rèn)顏色（大多數(shù)情況下這不是期望的效果）時(shí)間）。因此，在這種情況下，您似乎還需要指定background-color（如@Ibu在其答案中建議的那樣）。
HTML 5 Boilerplate項(xiàng)目的默認(rèn)樣式表中指定以下規(guī)則：
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #ccc;
margin: 1em 0; padding: 0; }
SitePoint最近發(fā)表了一篇名為“ 12個(gè)鮮為人知的CSS事實(shí)”的文章，其中提到，如果您指定，<hr>可以將其設(shè)置border-color為其父項(xiàng)。colorhr { border-color: inherit }
千巷貓影
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
border-color可在Chrome和Safari中使用。background-color在Firefox和Opera中均可使用。color在IE7 +中工作。
慕勒3428872
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超6個(gè)贊
hr {
height: 1px;
color: #123455;
background-color: #123455;
border: none;
}
這樣，您就可以根據(jù)需要更改高度。祝好運(yùn)。資料來(lái)源：如何用CSS樣式化HR
添加回答
舉報(bào)
0/150
提交
取消