CSS 颜色
颜色 使用预定义的颜色名称或 RGB、HEX、HSL、RGBA、HSLA 值指定。
CSS 颜色名称
在 CSS 中，可以使用预定义的颜色名称指定颜色：
番茄
橙子
道奇蓝
中海绿
灰色的
石板蓝
紫色
浅灰
CSS/HTML 支持 140 个标准颜色名称.
CSS 背景颜色
您可以设置 HTML 元素的背景颜色：
你好世界
Lorem ipsum dolor sit amet，consectetuer adipiscing elit，sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat。 Ut wisi enim ad minim veniam，quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat。
例子
<h1 style="background-color:DodgerBlue;">你好世界</h1>
<p style="background-color:Tomato;">錯誤！</p>
亲自尝试 »
CSS 文本颜色
您可以设置文本的颜色：
你好世界
Lorem ipsum dolor sit amet，consectetuer adipiscing elit，sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat。
Ut wisi enim ad minim veniam，quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat。
例子
<h1 style="color:Tomato;">你好世界</h1>
<p style="color:DodgerBlue;">錯誤！</p>
<p style="color:MediumSeaGreen;">您希望我...</p>
亲自尝试 »
CSS 边框颜色
您可以设置边框的颜色：
你好世界
你好世界
你好世界
例子
<h1 style="border:2px
solid Tomato;">你好世界</h1>
<h1 style="border:2px
solid DodgerBlue;">你好世界</h1>
<h1 style="border:2px
solid Violet;">你好世界</h1>
亲自尝试 »
CSS 颜色值
在 CSS 中，也可以使用 RGB 值、HEX 值、HSL 值、RGBA 值和 HSLA 值来指定颜色：
与颜色名称“Tomato”相同：
RGB（255，99，71）
#ff6347
高速钢(9, 100%, 64%)
与颜色名称“Tomato”相同，但透明度为 50%：
RGBA（255，99，71，0.5）
HSLA（9，100%，64%，0.5）
例子
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
亲自尝试 »
CSS — 颜色 — W3Schools 视频
本视频介绍了 CSS 颜色.
这是一系列视频教程的一部分 初学者的 CSS!
