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;">Lorem ipsum...</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;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</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 值指定
与颜色名称“番茄红”相同
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
与颜色名称“番茄红”相同，但透明度为 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 颜色简介
