Html 如何在标签上设置背景色?

Html 如何在标签上设置背景色?,html,css,Html,Css,为什么hr标签元素没有设置为绿色,如下所示 人力资源{ 背景色:00ff00; } 您提供的代码将正确设置背景颜色。但是,标记没有可见的背景,因此它看起来不会做任何事情。您可能需要更改其颜色: 这将使这条线变成绿色 如果没有,可能还有另一个元素包含更多元素。在这种情况下,您有许多选择: 1为hr选择器添加更多的特异性 2将颜色设置为!重要: 3设置背景颜色: <hr color="#00ff00" /> 希望这有帮助 您提供的代码将正确设置背景颜色。但是,标记没有可见的背景,因此

为什么hr标签元素没有设置为绿色,如下所示

人力资源{ 背景色:00ff00; } 您提供的代码将正确设置背景颜色。但是,标记没有可见的背景,因此它看起来不会做任何事情。您可能需要更改其颜色:

这将使这条线变成绿色

如果没有,可能还有另一个元素包含更多元素。在这种情况下,您有许多选择:

1为hr选择器添加更多的特异性

2将颜色设置为!重要:

3设置背景颜色:

<hr color="#00ff00" />
希望这有帮助

您提供的代码将正确设置背景颜色。但是,标记没有可见的背景,因此它看起来不会做任何事情。您可能需要更改其颜色:

这将使这条线变成绿色

如果没有,可能还有另一个元素包含更多元素。在这种情况下,您有许多选择:

1为hr选择器添加更多的特异性

2将颜色设置为!重要:

3设置背景颜色:

<hr color="#00ff00" />

希望这有帮助

背景色只是通过应用内联样式为hr设置背景,我们可以使其更容易。

JS-Bin 你好


背景色只是通过应用内联样式为hr设置背景,我们可以使其更容易。

JS-Bin 你好

通常不能为hr标记设置背景色。这是一个空元素。它必须有开始标记,但不能有结束标记。hr仅接受颜色属性。例如:

<hr color="#00ff00" />
标准用途:

人力资源{ 边缘顶部:15px; 边缘底部:15px; 边界:0; 边框顶部:5px实心00ff00; } Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本

通常不能为hr标记设置背景色。这是一个空元素。它必须有开始标记,但不能有结束标记。hr仅接受颜色属性。例如:

<hr color="#00ff00" />
标准用途:

人力资源{ 边缘顶部:15px; 边缘底部:15px; 边界:0; 边框顶部:5px实心00ff00; } Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本


你读过这个问题吗:?Josh可能的副本似乎是正确的。默认hr显示的黑色是边框而不是背景,需要设置边框颜色。只有给hr一个height属性,背景才会变得可见,并且需要设置背景颜色默认情况下浏览器渲染时,hr标记从CSS的border-bottom-color属性获取其颜色。您可以通过定位“边框颜色”属性来覆盖它。如果您只给hr标记一个颜色属性,它甚至可以工作,就像borde一样
默认情况下,r-color继承自text-color。您是否阅读了以下问题:?Josh的可能副本似乎是正确的。默认hr显示的黑色是边框而不是背景,需要设置边框颜色。只有给hr一个height属性,背景才会变得可见,并且需要设置背景颜色默认情况下浏览器渲染时,hr标记从CSS的border-bottom-color属性获取其颜色。您可以通过定位“边框颜色”属性来覆盖它。而且,如果您只给hr标记一个color属性,它甚至可以工作,因为默认情况下,边框颜色从文本颜色继承而来。
margin: 7px or 8px /*depend on box-modeling. */
border: 1px inset #000;
display: block;
/* No height */
margin-top: 10px; /* You can change margin height */
margin-bottom: 10px; /* You can change margin height */
border: 0; /* or border-top: 5px solid #00ff00 */
border-width: 5px 0 0 0;
border-style: solid;
border-color: #00ff00;