在CSS中,可以使用hr
標簽來創(chuàng)建一條水平線,即分割線,默認情況下,這條線的顏色是瀏覽器默認的灰色,我們可以使用CSS來改變這條線的顏色。
下面是一些示例代碼,展示如何改變hr
標簽的顏色:
示例1:使用CSS內聯樣式
<hr style="border-top: 1px solid #ff0000;">
示例2:使用CSS樣式表
在CSS樣式表中添加以下規(guī)則:
hr { border-top: 1px solid #ff0000; }
在HTML中使用 示例3:使用CSS類 在CSS樣式表中添加以下規(guī)則: 在HTML中使用 通過以上方法,你可以將
hr
<hr>
.red-hr {
border-top: 1px solid #ff0000;
}
hr
標簽并應用類:
<hr class="red-hr">
hr
標簽的顏色更改為任何你想要的CSS顏色,希望這些示例對你有幫助!