文章/答案/技术大牛

发布

社区首页 >问答首页 >如何更改<hr/>元素的颜色？

问如何更改<hr/>元素的颜色？
EN

Stack Overflow用户

提问于 2014-03-13 14:49:45

回答 2查看 16.8K关注 0票数 4

我尝试了所有的方法来改变<hr/>的颜色

hr{
   border-color: yellow;
   background-color:  yellow;
   color: yellow;
  }

但它在Chrome和FF中都是这样的：

如何将其颜色更改为纯黄色？

html

css

colors

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-03-13 14:51:09

使用以下命令为hr指定样式：

hr{
    border:0;
    margin:0;
    width:100%;
    height:2px;
    background:yellow;
}

或

border:1px solid yellow;

JsFiddle

您需要删除border或更改border的属性才能正常工作。

来自评论中的@Darko Z：

在许多浏览器中，HR的默认样式是向border添加某种阴影，因此这将显示为脏的#whateverColourYouWant。要摆脱它，显式设置边框(而不仅仅是border-color)是必要的。

票数 10

Stack Overflow用户

发布于 2019-12-20 12:11:39

要更改水平线的颜色，请在<hr/>标签中键入html属性color=""。然后，您可以继续为其提供所需的颜色。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22382338

复制

如何更改 Ubuntu 的终端的颜色

ubuntu linux

但是，如果你想要一个独一无二的的终端体验或者符合你自身品位的一些东西，你也可以改变你的 Ubuntu 的终端的颜色。

用户1880875

2021/11/08

14.7K0

如何更改伪元素的样式

css

在前端开发中我们会经常用到伪元素，有时候需要通过js来修改伪元素的样式，那么有哪几种方式来修改伪元素的样式呢？

挥刀北上

2021/01/27

9.4K0

MATLAB 柱状图（Bar）如何快速更改堆叠图的颜色

https 网络安全

写博客的初衷是分享经验，同时是算是自己对思路和代码的整理，方便日后处理数据，应该可以帮到很多人。我已免费分享我的心得，如果看官还有其他问题的，那么：知识付费，我的时间和经验正好可以解决你的问题。咨询问题请添加QQ：819369354 2022年4月20日

全栈程序员站长

2022/11/02

5.3K0

[踩坑]iconfont Symbol svg引入无法更改颜色

svg

最近公司组织架构调整（反正每次组织架构调整，领导就会下场。有一个idea或者有重构一下，先定一个月底上），被拉取一个项目组做新项目。这边图标现状：有些项目是font-face方式，有些用的阿里图标库，最近又在用腾讯图标库，有些甚至直接切图。

玖柒的小窝

2021/11/16

3.7K0

如何在Ubuntu 18.04中更改文件夹图标的颜色

apt-get bash bash 指令 http

这个快速提示教程向您展示了如何在Ubuntu 18.04 Nautilus文件浏览器中设置文件夹的自定义颜色或标志。

用户8705057

2021/06/08

4.2K0

keil更改黑色背景颜色「建议收藏」

c++c#actionscript 编程算法 java

1、先将keil安装目录下UV4中global文件复制出来留作备用，然后用记事本打开安装目录下的global文件

全栈程序员站长

2022/09/10

7.7K0

Android系统更改状态栏字体颜色

android

原文地址：http://blog.isming.me/2016/01/09/chang-android-statusbar-text-color/，转载请注明出处。随着时代的发展，Android的状态栏都不是乌黑一片了，在Android4.4之后我们可以修改状态栏的颜色或者让我们自己的View延伸到状态栏下面。我们可以进行更多的定制化了，然而有的时候我们使用的是淡色的颜色比如白色，由于状态栏上面的文字为白色，这样的话状态栏上面的文字就无法看清了。因此本文提供一些解决方案，可以是MIUI6+,Flyme4+

非著名程序员

2018/02/02

2.5K0

SecureCRT更改vim中#注释的文本内容颜色

云数据库 Redis®

今天在学习redis的时候，发现vim打开redis.conf配置文件的时候，#注释起来的代码是蓝色的，阅读起来很不方便。

上分如喝水

2021/08/16

6.2K0

更改PPT所有页面字体与页面颜色的技巧

powerpoint 配色

在评估期间，无心插柳地探索到一个新技术，就是关于PPT课件统一更改字体颜色和页面背景颜色的问题。

用户1191760

2019/02/27

5.6K0

更改Linux终端颜色主题【Linux-Command line】

unicode fedora gnome preferences 终端

如果你一整天都盯着终端，自然想让它变得赏心悦目。对美的判断因人而异，自CRT串行控制台问世以来，终端已经走了很长一段路。因此，很有可能你的软件终端窗口中有很多选项可以使你看到的内容主题化，不管你如何定义美。

QRosie

2019/11/24

9K0

【说站】css点击元素变更颜色的方法

css

2、:focus，元素点击后变色，点击后颜色不会消失。:focus选择器用于选择获取焦点的元素。只接收键盘事件或其他用户输入的元素，允许选择focus。

很酷的站长

2022/11/24

2.1K0

如何更改SELinux模式

其他

Security Enhanced Linux是一个Linux安全模块，用于强制或基于角色的访问控制。SELinux默认与CentOS和Fedora打包在一起，可以以三种模式之一运行：禁用、允许或强制执行。

温浪

2018/08/20

4.3K0

CSS样式更改——裁剪、Z-Index、清除、改变元素的特性

css

上篇文章主要介绍了CSS样式更改篇中的框模型、定位、浮动、溢出基础知识，这篇文章主要分享CSS样式更改中的裁剪、Z-Index、清除、改变元素的特性基础知识，一起来看看吧。

前端皮皮

2020/11/26

2.2K0

点击加载更多

相似问题

更改hr元素的颜色

2621

如何更改锥形hr的颜色？

无法通过破折号更改Hr元素的颜色

CSS，HTML -按按钮更改HR元素的颜色:活动

CSS更改hr标签的颜色

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问如何更改<hr/>元素的颜色？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

更改hr元素的颜色

如何更改锥形hr的颜色？

无法通过破折号更改Hr元素的颜色

CSS，HTML -按按钮更改HR元素的颜色:活动

CSS更改hr标签的颜色

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改<hr/>元素的颜色？EN

回答 2

Stack Overflow用户

Stack Overflow用户

更改hr元素的颜色

如何更改锥形hr的颜色？

无法通过破折号更改Hr元素的颜色

CSS，HTML -按按钮更改HR元素的颜色:活动

CSS更改hr标签的颜色

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改<hr/>元素的颜色？
EN