方法:1、利用“background-color”屬性設(shè)置,語法為“hr{background-color:顏色值;}”;2、利用“border-color”屬性設(shè)置,語法為“hr{border-color:顏色值;}”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎么設(shè)置<hr>的顏色
在css中,可以利用background-color屬性來設(shè)置<hr>標(biāo)簽的顏色,下面我們通過示例來看一下,示例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> hr{ border: none; height: 1px; background-color:red; } </style> </head> <body> <h1>123132132</h1> <hr> </body> </html>
輸出結(jié)果:
2、利用border屬性來設(shè)置<hr>標(biāo)簽顏色,示例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> hr{ border: 1px solid; border-color:red; } </style> </head> <body> <h1>123132132</h1> <hr> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)