css样式实现hr标签,css设置hr样式

CSS 标记画出的线居左怎么实现？

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

创新互联技术团队10多年来致力于为客户提供网站设计、成都做网站、成都品牌网站建设、成都全网营销、搜索引擎SEO优化等服务。经过多年发展，公司拥有经验丰富的技术团队，先后服务、推广了超过千家网站，包括各类中小企业、企事单位、高校等机构单位。

hr style="text-align:left;" 或 hr align="left"

hr的颜色设置

hr style="border:0;background-color:#ff0000;height:1px;"

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

css是样式控制，而hr标签是内容强制换行，属于内容层面的东西，如果愿意添加不是不可以，都是完全可以的，但是为了保持代码清洁，不建议div和hr一起用

这种效果一般是用来做分割线，分为以下两种情况

这种效果实现起来并不难，可以用很多方法实现：

方法1：图片，简单，美观

方法2：hr+p标签，两种情况p标签都要添加position：relative，p标签的z-index属性的值要高于hr标签，然后调整left和top的值，让文字压住横线，第一种情形p标签设置背景色白色，第二种背景透明即可

（图片文字已处理。。。）

hr 标签在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

至于CSS，如果不针对HR标签书写CSS样式，那就只是一条黑色水平线。

CSS可以定义更漂亮的分割线。例如颜色描边背景边距等。

本文名称：css样式实现hr标签,css设置hr样式
标题来源：http://ybzwz.com/article/dsscpdc.html