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

html-css017

html中如何把hr中的实线改换为虚线,第1张

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

水平实线：<hr/>或<div style="height:10pxborder-bottom:1px solid #f11"></div>

虚线：<div style="height:10pxborder-bottom:1px dashed #f11"></div>

主要是用：border

<hr>在chrome中默认是左对齐。在IE中默认是居中对齐，要想左对齐css中用text-align:left。

<hr style="text-align:left">或 <hr align="left">

<hr>的颜色设置

<hr style="border:0background-color:#ff0000height:1px">

如果不加border:0的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height:1px的话，在chrome会显示不出来。