html中如何把hr中的实线改换为虚线

html中hr的虚线样式可用过CSS样式来控制，具体代码如下：例如红色的虚线，代码可这样写：行内样式 <hr style="border:1px dotted red">

hr是水平分隔线，不能垂直的，如果你要一条垂直的平分线可以用div等块元素来模拟一条，比如：

<div style='width:50%float:leftheight:700px'>内容区域

<div style='width:1pxbackground:redfloat:rightheight:700px'><!--这个div模拟一条红色的垂直分割线--></div>

</div>

<div style='width:50%float:leftheight:700px'>内容区域</div>

还有一些其他类似的办法，通过div或者其容器来布局，分割区域

在 #line{｝中加入属性

clear:both

这条属性的作用是消除上方的各种float属性，所以你的line就可以下去了，而且现在不推荐使用<hr>标签，建议使用border-bottom

---