网站建设中怎么自动设置网页的水平线颜色

网页的水平线有很多的属性。下面，我们来看看网站建设中怎么自动设置网页的水平线颜色吧。

01

显示出一条水平线

用代码<hr>来划出一条水平线，如下图所示：

02

更改水平线颜色

使用color来更改水平线的颜色，比如改为黄色，如下图所示：

03

颜色用英文表示

color的值也可以用英文来表示，比如用green表示绿色、blue表示黄色、red表示黑丝，如下图所示：

04

预览效果

在浏览器中预览下效果，如下图所示：

通过设置HR的属性来控制标签的水平线的长度跟颜色，width=" " 来控制为宽度，color=" " 来控制水平线的颜色。

<hr width="宽度" color="颜色">  宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。

<hr>标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

<hr />是网页编辑里的一个标签，其表现形式为一条横线。

扩展资料

<hr width="90%" size="1" color="red" />

说明：width=" " 引号里为宽度

size=" " 引号里为高度

color=" " 水平线的颜色

noshade="noshade"定义不投影

color=" "定义线条的颜色

align=" "设置对齐

在 HTML 4.01 中，不赞成使用 hr 元素的 size、width、noshade、 align属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的这些属性，请使用 CSS 代替。

示例可改为：<hr style="width:90%height:1color:red" />

参考资料来源：百度百科-HR

color

设置颜色

size

水平线的宽度

width

水平线的长，用占屏幕宽度的百分比或象素值来表示

align

水平线的对齐方式，有left

right

center三种

noshade

线段无阴影属性，为实心线段

例：

其中width

规定线条的长度,还可以是百分比color

表示颜色,size

表示厚度

align

规定线条位置,有left、right、centernoshade

表示是否有立体效果。

---