怎样实现一条水平分割线一部分是红色，一部分是灰色，用<hr>标签

Question

怎样实现一条水平分割线一部分是红色，一部分是灰色，用<hr>标签

Answer 1

<div id="line">    <div id="line_1">        <hr id="hr_1">    </div>    <div id="line_2">        <hr>    </div></div>---------------------------------------------------------------------#line{width:100%;}#line_1{width:49%;}#line_2{width:49%;}#hr_1{color:red;}

Answer 2

hr可以加入css吧。

Answer 3

写两个hr标签，一个排在左边一个排在右边