亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

更改hr元素的顏色

更改hr元素的顏色

守候你守候我 2019-11-21 13:00:48
我想hr使用CSS 更改標簽的顏色。我在下面嘗試過的代碼似乎不起作用:hr {    color: #123455;}
查看完整描述

3 回答

?
鴻蒙傳說

TA貢獻1865條經驗 獲得超7個贊

我想如果您打算更改tag 產生的線條的顏色,則應該使用border-color而不是。color<hr>


雖然,在注釋中已經指出,如果您更改線條的大小,邊框仍將與樣式中指定的寬度一樣,并且線條將被填充為默認顏色(大多數情況下這不是期望的效果)時間)。因此,在這種情況下,您似乎還需要指定background-color(如@Ibu在其答案中建議的那樣)。


HTML 5 Boilerplate項目的默認樣式表中指定以下規則:


hr { display: block; height: 1px;

    border: 0; border-top: 1px solid #ccc;

    margin: 1em 0; padding: 0; }

SitePoint最近發表了一篇名為“ 12個鮮為人知的CSS事實”的文章,其中提到,如果您指定,<hr>可以將其設置border-color為其父項。colorhr { border-color: inherit }


查看完整回答
反對 回復 2019-11-21
?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

  • border-color可在ChromeSafari中使用。

  • background-color 在Firefox和Opera中均可使用。

  • colorIE7 +中工作


查看完整回答
反對 回復 2019-11-21
?
慕勒3428872

TA貢獻1848條經驗 獲得超6個贊

hr {

    height: 1px;

    color: #123455;

    background-color: #123455;

    border: none;

}

這樣,您就可以根據需要更改高度。祝好運。資料來源:如何用CSS樣式化HR


查看完整回答
反對 回復 2019-11-21
  • 3 回答
  • 0 關注
  • 708 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號