如何改变html中hr的部分颜色
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何改变html中hr的部分颜色相关的知识，希望对你有一定的参考价值。
如果设置color的话，会改变整个hr的颜色
或者有没有其他的办法制作一个颜色条，当我选择模块区域的时候，改变该区域的颜色
另外<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 参考技术A hr没有你说的这个功能。如果你想实现你想要的功能的话，可以用div来代替hr.然后在div内再嵌套div就可以实现你说的这种功能了。 参考技术B <hr color=
color 只是单一颜色的
或者是你在css里设置一个background-images 放一过渡色的背景
楼下说的div也不错！ 参考技术C <hr color=
color 只是单一颜色的
或者是你在css里设置一个background-images 放一过渡色的背景
楼下说的div也不错！哈！
如何设计一个 hr 标签
【中文标题】如何设计一个 hr 标签【英文标题】：How to style up a hr tag 【发布时间】：2016-02-25 14:15:11 【问题描述】：我想设计一个<hr /> 标签，但似乎无法在任何有效的地方在线找到答案。
如果可能的话，我想改变颜色和厚度？我可以很容易地改变它的长度，但到目前为止似乎就是这样。
或者我可以使用 hr 标签的替代品吗？
谁能帮帮我？
【问题讨论】：
Changing the color of a hr element的可能重复 【参考方案1】：你可以这样做：
CSS
hr
border: none;
height: 10px;
background: #ccc;
DEMO HERE
【讨论】：
太棒了！谢谢你:)【参考方案2】：你可以通过属性改变颜色。
<hr color="red" size="10px">
在这里测试： https://jsfiddle.net/8wevdosq/
【讨论】：
有效，但这些属性在 HTML5 中已弃用 是的。因为其他答案是用css。我提供了html方式。【参考方案3】：hr 是一个边框，因此您只需在 CSS 中设置边框样式：
hr
border-color: blue;
border-width: 10px;
DEMO
【讨论】：
【参考方案4】：如果你设置了类的样式，那么你需要写“。”在那里，如果你设置了 id 的样式，那么你必须在那边输入“#”，但如果你设置标签的样式，那么只需写标签名称 喜欢...
hr
height:2px;
background:yellow;
border:0;
运行片段代码以获取更多信息...
<html>
<head>
<title>Designing HR - Horizontal Row </title>
<style>
hr
height:2px;
background:yellow;
border:0;
</style>
</head>
<body>
<hr/>
</body>
</html>【讨论】：
以上是关于如何改变html中hr的部分颜色的主要内容，如果未能解决你的问题，请参考以下文章