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

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

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

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

hr的颜色设置

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

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

相关问答

Q1: hr在css中怎么使用?

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

Q2: html/ css 代码如何实现类似在hr中间夹文字的？

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

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

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

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

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

Q3: css中有什么效果

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

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

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

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