如何改变html中hr的部分颜色

标签单独改变颜色只需<hr color="#XXXX" />就可以了。

另外<hr>还有其他的可选属性，一并列下。

HTML<hr>

标签

一、定义与用法<hr>

标签可以插入水平线

二、在HTML和XHTML中的区别

在HTML中<hr>标签不需要结束标签

在XHTML中<hr>标签必须合理的关闭 实例：This

is some text This is some text

在HTML4.01中所有与hr有关的属性都不再被推荐使用

在XHTML1.0严密型DTD中不支持所有有关hr元素的属性

三、标准属性

id, class, title, style, dir, lang, xml:lang

四 事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove,

onmouseout, onkeypress, onkeydown, onkeyup

1、打开编辑器，新建一个HTML，并定义一个div，并给50px的高度：

2、接下来在style中设置div的样式，这里使用linear-gradient()编写一个默认方向的红蓝渐变，渐变的方向可以省略的：

3、如果想设置渐变方向为从右至左，只需要给linear-gradient加一个“to left”属性就可以了：

4、保存文件查看生成的指定方向的渐变，可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤：

方法和详细的 *** 作步骤如下：

1、第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤。

2、第二步， 执行完上面的 *** 作之后， border-bottom属性用于设置底部边框样式，见下图，转到下面的步骤。

3、第三步，  执行完上面的 *** 作之后，border-bottom: #FF0000 2px solid ； 将边框大小设置为2PX红色边框，见下图，转到下面的步骤。

4、第四步，执行完上面的 *** 作之后，观察到相同的效果，发现下划线是整个屏幕的宽度，因此接下来将更改宽度，见下图，转到下面的步骤。

5、第五步，执行完上面的 *** 作之后，宽度设置为180px，可以根据实际情况进行调整，见下图，转到下面的步骤。

6、第六步，执行完上面的 *** 作之后，将显示下划线效果，见下图。这样，就解决了这个问题了。

---