如何在css写hr标记属性，hr在css中的用法

CSS如何定义HR水平线样式

hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。

hr 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。hr /是网页编辑里的一个标签，其表现形式为一条横线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。如下这个示例：htmlbodyphr 标签定义水平线：/phr /p这是段落。/phr /p这是段落。/phr /p这是段落。

但是这种写法兼容性不强。html本身自带的hr标签就是水平线，但是基本没人用，自带样式太不美观了。所以不妨换个思路，用border 来解决。

，对水平线颜色的设置，怎么办？ 其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为： hr color=#FF0000。

相关问答

Q1: 如何改变HTML里面横线的长度《hr/》

1、hr width=宽度 color=颜色 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。hr 标签在 HTML 页面中创建一条水平线。

2、首先新建html文档，输入html5标准声明，如图所示。然后输入html基本网页结构，如图所示。接着输入hr标签hr是水平线，是单边标记，如图所示。hr标签的常用属性，Size：设置水平线的粗细。

3、首先打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html的body标签中，添加代码：hr/。浏览器运行index.html页面，此时成功在html中画了一条线。

4、用border-bottom设置下划线，可设置其颜色、粗细。下划线的长度通过设置空内容的width属性来实现，还可以通过margin-top调整下划线与文字的距离。

5、/p/body/html 运行上面的HTML代码就可以发现标题和正文内容之间就有一条横线。一个简单的hr/标签就可以实现分割线，轻松地修饰了段落排版，使之更美观。

Q2: 这样的hr属性如何设置?

通过设置HR的属性来控制标签的水平线的长度跟颜色，width= 来控制为宽度，color= 来控制水平线的颜色。hr width=宽度 color=颜色 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。

其实，hr是有默认的border的，我们需要将它的边框去掉，设为border：none 这样，我们再次回到浏览器中刷新一下，查看，可以看到一条蓝色的1px高的实线。

，对水平线颜色的设置，怎么办？ 其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为： hr color=#FF0000。

left hr的颜色设置 hr style=border：0；background-color：#ff0000；height：1px； 如果不加border：0；的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height：1px；的话，在chrome会显示不出来。

Q3: 如何控制HR标签制作的网页水平线的长度和颜色

1、通过设置HR的属性来控制标签的水平线的长度跟颜色，width= 来控制为宽度，color= 来控制水平线的颜色。hr width=宽度 color=颜色 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。

2、hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。

3、在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。

4、启动Dreamweaver，打开要修改的网页；设计视图下点击要修改的水平线，下方属性面板点击右侧快速标签编辑器按钮；弹出浮动的编辑标签窗口，在原有hr后输入color=“颜色代码”，如下图：按F12打开浏览器预览效果。

5、HR(水平线）标签用于在页面上绘制水平线。此标签只有开始标签，没有结束标签，可使用属性控制水平线的显示。如：HR标签属性 属性 说明 ALIGN 指定流水线的位置，可以将水平线居中对齐、右对齐或左对齐。

Q4: css请教大神!让字在线上,横线是用hr

1、hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。

2、首先新建html文档，输入html5标准声明，如图所示。然后输入html基本网页结构，如图所示。接着输入hr标签hr是水平线，是单边标记，如图所示。hr标签的常用属性，Size：设置水平线的粗细。

3、通过这种方式来设置HR标签的长度跟颜色。hr 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。hr /是网页编辑里的一个标签，其表现形式为一条横线。

4、，对水平线颜色的设置，怎么办？ 其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为： hr color=#FF0000。

如何在css写hr标记属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于hr在css中的用法、如何在css写hr标记属性的信息别忘了在本站进行查找喔。