CSS颜色关键字是预定义颜色名称,可直接用于color、background-color等属性,如red、blue、green,支持140多个标准名称,使用简单且不区分大小写,推荐小写书写,适用于现代浏览器,便于快速开发。

在CSS中,color关键字是一种最简单、直观的方式来定义颜色。它们是预定义的名称,可以直接用于颜色属性,比如 color、background-color、border-color 等。
常用颜色关键字示例
CSS支持140多个标准颜色关键字(基于HTML5和CSS Color Module Level 3规范)。以下是一些常见关键字:
- black:纯黑色
- white:纯白色
- red">red:红色
- blue:蓝色
- green:绿色
- yellow:黄色
- purple:紫色
- orange:橙色
- gray 或 grey:灰色(两种拼写都支持)
使用方式非常直接,例如:
p {
color: blue;
}
button {
background-color: orange;
border: 2px solid black;
}
扩展颜色关键字
除了基本颜色,CSS还支持许多扩展颜色名,比如:
立即学习“前端免费学习笔记(深入)”;
酷纬企业网站管理系统Kuwebs是酷纬信息开发的为企业网站提供解决方案而开发的营销型网站系统。在线留言模块、常见问题模块、友情链接模块。前台采用DIV+CSS,遵循SEO标准。 1.支持中文、英文两种版本,后台可以在不同的环境下编辑中英文。 3.程序和界面分离,提供通用的PHP标准语法字段供前台调用,可以为不同的页面设置不同的风格。 5.支持google地图生成、自定义标题、自定义关键词、自定义描
- lightcoral
- darkslategray
- cornflowerblue
- seagreen
- gold">gold
这些名字虽然长一些,但语义清晰,便于记忆和使用。
注意事项
使用颜色关键字时需注意以下几点:
- 关键字不区分大小写,但推荐使用小写(符合代码规范)。
- 不是所有颜色名都被老版本浏览器完全支持,但在现代浏览器中基本无问题。
- 颜色关键字适合快速开发和原型设计,若需要精确控制色彩,建议使用十六进制、rgb() 或 hsl() 格式。
基本上就这些,颜色关键字让写样式变得更简单直观。









