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

通过设置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

如何使用CSS更改hr标签的厚度？下面隐正本篇文章就来给大家介绍一下使用CSS更改hr标签的厚度的方法，希镇卜望对大家有所帮助。

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

<hr>标签的厚度可以使用CSS中的height属性设置；最小高度可以是1px，因为可用的最小单位是1像素。也可以使用CSS属性来设置<hr>标签的样式以使hr标签在外观上更加美观。

示例1：使用CSS height属性来设置<hr>标签的厚度

效果图：

示例2：使用CSS属性来设置<hr>标签的样式

效果图：

本文参考地址： https://www.html.cn/qa/css3/10312.html

ALIGNalign设置或获取对象相对于显示或表格的排列方式。ATOMICSELECTION指定元素及其内容是否可以一不可见单位统一选择。BEGINbegin设置或获取时间线在该元素上播放前的延迟时间。canHaveHTML获取表明对象是否可以包含丰富的 HTML 标签的值。CLASSclassName设置或获取对象的类。COLORcolor设置或获取该对象要使用的颜色。disabled获取表明用户是否可与该对象交互的值。ENDend设置或获取表明元素结束时间的值，或者元素设置为重复的简单持续终止时间。firstChild获取对象的 childNodes 集合的第一个子对象的引用。hasMedia获取一个表明元素是否为 HTML+TIME 媒体元素的 Boolean 值。HIDEFOCUShideFocus设置或获取表明对象是否显式标明焦点的值。IDid获取标识对象的字符串。isContentEditable获取表明用户是否可编辑对象内容的值。isDisabled获取表明用户是否可与该对象交互的值。isMultiLine获取表明对象的内容是包含一行还是多行的值。isTextEdit获取是否可使用该对象创建一个 TextRange 对象。LANGUAGElanguage设置或获斗汪取当前脚本编写用的语言。lastChild获取该对象 childNodes 集合中最后一个子对象的引用。nextSibling获取对此对象的下一个兄弟对象的引用。nodeName获取特定结点类型的名称。nodeType获取所需结点的类型。nodeValue设置或获取结点的值。NOSHADEnoShade设置或获取水平线是否要绘制 3D 阴影。offsetHeight获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。offsetLeft获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。offsetParent获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。offsetTop获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。offsetWidth获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。outerHTML设置或获取对象及其内容的 HTML 形式。outerText设置或获取对象的文本。ownerDocument设置或获取结点关联的 document 对羡销粗象。parentElement获取对象层次中的父对象。parentNode获取兄镇文档层次中的父对象。parentTextEdit获取文档层次中可用于创建包含原始对象的 TextRange 的容器对象。previousSibling获取对此对象的上一个兄弟对象的引用。readyState获取对象的当前状态。scopeName获取为该元素定义的命名空间。SIZEsize设置或获取 hr 对象的高度。sourceIndex获取对象在源序中的依次位置，即对象出现在 document 的 all 集合中的顺序。STYLE为该设置元素设置内嵌样式。SYNCMASTERsyncMaster设置或获取时间容器是否必须在此元素上同步回放。SYSTEMBITRATE获取系统中大约可用带宽的 bps。SYSTEMCAPTION表明是否要显示文本来代替演示的的音频部分。SYSTEMLANGUAGE表明是否在用户计算机上的选项设置中选中了给定语言。SYSTEMOVERDUBORSUBTITLE指定针对那些正在观看演示但对被播放的音频所使用的语言并不熟悉的用户来说是否要渲染配音或字幕。TABINDEXtabIndex设置或获取定义对象的 Tab 顺序的索引。tagName获取对象的标签名称。tagUrn设置或获取在命名空间声明中指定的统一资源名称(URN)。TIMECONTAINERtimeContainer设置或获取与元素关联的时间线类型。TITLEtitle设置或获取对象的咨询信息(工具提示)。uniqueID获取为对象自动生成的唯一标识符。以上各项都是hr所具有的属性，在手册里有的

---