在 HTML 中,有许多种颜色代码可供使用,包括命名颜色、十六进制颜色和 RGB 颜色。下面将一一介绍这些颜色代码的用法。
/* 命名颜色 */ color: red; // 红色 color: green; // 绿色 color: blue; // 蓝色 color: yellow; // 黄色 color: magenta; // 洋红色 color: cyan; // 青色 color: orange; // 橙色 color: purple; // 紫色 color: brown; // 棕色 color: gray; // 灰色 color: black; // 黑色 color: white; // 白色
在使用命名颜色时,只需将颜色名称放在 color 属性中即可。
/* 十六进制颜色 */ color: #FF0000; // 红色 color: #00FF00; // 绿色 color: #0000FF; // 蓝色 color: #FFFF00; // 黄色 color: #FF00FF; // 洋红色 color: #00FFFF; // 青色 color: #FFA500; // 橙色 color: #800080; // 紫色 color: #A52A2A; // 棕色 color: #808080; // 灰色 color: #000000; // 黑色 color: #FFFFFF; // 白色
使用十六进制颜色时,需要将颜色的十六进制值放在 # 后面,每个颜色值有两个字符,如红色的十六进制值为 #FF0000。
/* RGB 颜色 */ color: rgb(255,0); // 红色 color: rgb(0,255,0); // 绿色 color: rgb(0,255); // 蓝色 color: rgb(255,0); // 黄色 color: rgb(255,255); // 洋红色 color: rgb(0,255); // 青色 color: rgb(255,165,0); // 橙色 color: rgb(128,128); // 紫色 color: rgb(165,42,42); // 棕色 color: rgb(128,128,128); // 灰色 color: rgb(0,0); // 黑色 color: rgb(255,255); // 白色
RGB 颜色是由红、绿、蓝三个颜色分量组成的颜色,每个颜色分量的取值范围为 0-255,使用时需要将三个分量的值放在 rgb() 中,中间以逗号分隔。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。