Rumah  >  Artikel  >  hujung hadapan web  >  html hr标签能设置黄颜色吗

html hr标签能设置黄颜色吗

青灯夜游
青灯夜游asal
2021-07-01 15:07:593429semak imbas

在HTML中,hr标签可以设置黄颜色,只需要利用hr标签的style属性添加颜色样式即可,语法格式“fbcb685346c1da9d33b0610f735fd9e2”。border-color属性用于给元素设置边框颜色。

html hr标签能设置黄颜色吗

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

f32b48428a809b51f04d3228cdf461fa 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。

f32b48428a809b51f04d3228cdf461fa 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。

默认的hr标签样式:

1.png

那么hr标签能设置为黄颜色吗?

答案是:可以。

下面通过示例来介绍一下。

<hr style="border-color: yellow"/>

2.png

可以看出利用css的border-color属性即可设置设置hr标签的颜色。

border-color属性设置一个元素的四个边框颜色。

在css中,颜色值可以使用颜色名、百分比、数字和十六进制数值,共有四种写法。

1) 使用颜色名

虽然目前已经命名的颜色约有 184 种,但真正被各种浏览器支持,并且作为 CSS 规范推荐的颜色名称只有 16 种,如下表所示。

表1:CSS 规范推荐的颜色名称
名 称 颜 色 名 称 颜 色 名 称 颜 色
black 纯黑 silver 浅灰 navy 深蓝
blue 浅蓝 green 深绿 lime 浅绿
teal 靛青 aqua 天蓝 maroon 深红
red 大红 purple 深紫 fuchsia 品红
olive 褐黄 yellow 明黄 gray 深灰
white 壳白        


不建议在网页中使用颜色名,特别是大规模的使用,避免有些颜色名不被浏览器解析,或者不同浏览器对颜色的解释差异。

2) 使用百分比

这是一种最常用的方法,例如:

color: rgb(100%, 100%, 100%);

这个声明将红、蓝、绿 3 种原色都设置为最大值,结果组合显示为白色。相反,可以设置rgb(0%, 0%, 0%)为黑色。3 个百分值相等将显示灰色,同理哪个百分值大就偏向哪个原色。

3) 使用数值

数字范围从 0~255,例如:

color: rgb(255, 255, 255);

上面这个声明将显示白色,相反,可以设置为rgb(0, 0, 0),将显示黑色。3 个数值相等将显示灰色,同理哪个数值大哪个原色的比重就会加大。

4) 十六进制颜色

这是最常用的取色方法,例如:

color: #ffffff;

其中要在十六进制前面加一个#颜色符号。上面这个声明将显示白色,相反,可以设置#000000为黑色,用 RGB 来描述:

color: #RRGGBB;

从 0~255,实际上十进制的 255 正好等于十六进制的 FF,一个十六进制的颜色值等于 3 组这样的十六进制的值,它们按顺序连接在一起就等于红、蓝、绿3种原色。

【推荐教程:CSS视频教程 、html视频教程

Atas ialah kandungan terperinci html hr标签能设置黄颜色吗. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:javascript最初是为了实现什么Artikel seterusnya:css是c语言吗