约 1678 字

约 8 分钟

#CSS 的颜色

属性描述查看
color颜色查看
background-color背景颜色查看

颜色的表示方法:

  1. 颜色名,例如 red, pink, green 等
  2. #RGBA,其中 R 为红色通道,G 为绿色通道,B 为蓝色通道,A 为 Alpha 通道,取值均为十六进制 0 到 f,不区分大小写,下同
  3. #RRGGBBAA,每个通道两位
  4. #RGB,省略 alpha 通道
  5. #RRGGBB,省略 alpha 通道
  6. rgba(R, G, B),其中 R 为红色通道,G 为绿色通道,B 为蓝色通道,取值为整数 0 到 255,下同
  7. rgba(R, G, B, A),A 为 Alpha 通道取值为小数 0 到 1

#color

CSS 中使用 color 设置颜色,例如:

<p style="color:pink;">Primers —— 你的编程学习伙伴</p>
<p style="color:#39c5bb;">Primers —— 你的编程学习伙伴</p>
<p style="color:rgb(102, 204, 255);">Primers —— 你的编程学习伙伴</p>

HTML

#background-color

CSS 中使用 background-color 设置背景色,例如:

<p style="background-color:pink;">Primers —— 你的编程学习伙伴</p>
<p style="background-color:#39c5bb;">Primers —— 你的编程学习伙伴</p>
<p style="background-color:rgb(102, 204, 255);">Primers —— 你的编程学习伙伴</p>

HTML

#标准颜色名称

HTML/CSS 标准颜色名称

更新: 2025/6/5

作者: PlanC

创建: 2025/5/18