CSS 教程手册（新）: CSS速查总表; CSS 教程学习导读; CSS简介; CSS语法; CSS 创建; +
CSS 定位(Position)

position

z-index

top

right

bottom

left

clip; +
CSS 布局(Layout)

display

float

clear

visibility

overflow; +
CSS 尺寸 (Dimension)

width

min-width

max-width

height

min-height

max-height

margin

padding; +
CSS 外边距(Margin)

margin-bottom

margin-left

margin-right

margin-top; +
CSS 填充（Padding）

padding-bottom

padding-left

padding-right

padding-top; +
CSS 背景(Backgrounds)

background

background-color

background-image

background-repeat

background-attachment

background-position

background-origin

background-clip

background-size; +
CSS 边框(Border)

border

border-width

border-style

border-color

box-shadow

border-radius

border-image

border-image-source

border-image-slice

border-image-width

border-image-outset

border-image-repeat; +
CSS 颜色(Color)

color

opacity; +
CSS 字体(Fonts)

font

font-style

font-variant

font-weight

font-size

font-family

font-stretch

font-size-adjust; +
CSS 文本(Text)

text-transform

white-space

tab-size

word-break

word-wrap

text-align

text-align-last

text-justify

word-spacing

letter-spacing

text-indent

vertical-align

line-height

text-size-adjust; +
CSS 文本装饰(Text Decoration)

text-decoration

text-decoration-line

text-decoration-color

text-decoration-style

text-decoration-skip

text-underline-position

text-shadow; +
CSS 书写模式(Writing Modes)

direction

unicode-bidi

writing-mode; +
CSS 列表样式(List)

list-style

list-style-image

list-style-position

list-style-type; +
CSS 表格(Table)

table-layout

border-collapse

border-spacing

caption-side

empty-cells; +
CSS 内容(Content)

content

counter-increment

counter-reset

quotes; +
CSS用户界面(User Interface)

appearance

text-overflow

outline

outline-width

outline-color

outline-style

outline-offset

nav-index

nav-up

nav-right

nav-down

nav-left

cursor

zoom

box-sizing

resize

ime-mode

user-select

pointer-events; +
CSS打印(Print)

page

page-break-before

page-break-after

page-break-inside; +
CSS媒体查询(Media Queries)

width

height

device-width

device-height

orientation

aspect-ratio

device-aspect-ratio

color

color-index

monochrome

<resolution>

scan

<grid>; CSS 链接(Link); +
CSS 轮廓（Outline）

outline

outline-color

outline-offset

outline-style

outline-width; CSS 分组和嵌套(Grouping and Nesting); CSS 浮动 (Float); CSS 盒子模型（Box Model）; CSS 显示(Display); CSS 导航栏(Navigation Bar); CSS 溢出(Overflow); CSS 下拉菜单(Drop down menu); CSS 对齐(Align); CSS 提示工具(Prompt Tool); CSS 图片廊(Image Gallery); +
CSS 图像透明/不透明(Opacity)

opacity; CSS 图像拼合技术(Image stitching technique); CSS 媒体类型(Media Type); +
Only IE

scrollbar-3dlight-color

scrollbar-darkshadow-color

scrollbar-highlight-color

scrollbar-shadow-color

scrollbar-arrow-color

scrollbar-face-color

scrollbar-track-color

scrollbar-base-color

filter

behavior; +
Only Webkit

text-stroke-width

text-stroke-color

box-reflect

tap-highlight-color

user-drag

text-fill-color

text-stroke; +
Only Firefox

border-colors

border-top-colors

border-right-colors

border-bottom-colors

border-left-colors; CSS 总结; CSS 手册导读; CSS 选择器; CSS 听觉参考手册; CSS Web安全字体组合; CSS 动画; CSS 函数; CSS 单位; CSS 颜色; -
CSS 颜色值

color

Color Name

HEX

RGB

RGBA

HSL

HSLA

transparent

currentColor; CSS 颜色名; CSS 颜色十六进制; CSS attr() 函数; CSS calc() 函数; CSS linear-gradient() 函数; CSS radial-gradient() 函数; CSS repeating-linear-gradient() 函数; +
元素选择符

* 选择器

element 选择器

#id 选择器

.class 选择器; +
关系选择符

包含选择器（E F）

子选择器（E>F）

相邻选择器(E+F)

兄弟选择器(E~F); +
属性选择符

[attribute] 选择器

[attribute=value] 选择器

[attribute~=value] 选择器

[attribute^=value] 选择器

[attribute$=value] 选择器

[attribute*=value] 选择器

[attribute|=value]选择器; +
伪类选择符

:link 选择器

:visited 选择器

:hover 选择器

:active 选择器

:focus 选择器

:lang 选择器

:not 选择器

:root 选择器

:first-child 选择器

:last-child 选择器

:only-child 选择器

:nth-child() 选择器

:nth-last-child() 选择器

:first-of-type 选择器

:last-of-type 选择器

:only-of-type 选择器

:nth-of-type()选择器

:nth-last-of-type() 选择器

:empty 选择器

:checked 选择器

:enabled 选择器

:disabled 选择器

:target 选择器

@page :first选择器

@page :left选择器

@page :right选择器; +
伪对象选择符

:first-letter 选择器

:first-line 选择器

:before 选择器

:after 选择器

::placeholder选择器

::selection 选择器; +
CSS 长度(Length)

<length>

em

ex

ch

rem

vw

vh

vmax

vmin

cm

mm

q

in

pt

pc

px; +
CSS 角度(Angle)

<angle>

deg

grad

rad

turn; +
CSS 时间(Time)

<time>

s

ms; +
CSS 频率(Frequency)

<frequency>

Hz

kHz; +
CSS 布局(Layout-specific)

<fraction>

grad

fr

gr; +
CSS 分辨率(Resolution)

<resolution>

dpi

dpcm

dppx; +
CSS 文本(Textual)

inherit

initial

unset

<string>

<url>

<identifier>; +
CSS 函数(Functional)

calc()

toggle(); +
CSS 生成内容(Content)

attr()

counter()

counters(); +
CSS 图像(Image)

<image>

image()

image-set()

<gradient>

linear-gradient()

radial-gradient()

repeating-linear-gradient()

repeating-radial-gradient(); +
CSS 数字(Numeric)

<number>

<integer>

<percentage>; !important; comment; @import; @page; @supports; border-top; scan; border-top-color; overflow-wrap; border-top-left-radius; text-size-adjust; border-top-right-radius; text-decoration-skip; text-underline-position; border-top-style; column-break-before; border-top-width; column-break-after; border-width; column-break-inside; bottom; text-fill-color; box-align; box-reflect; box-direction; tap-highlight-color; user-drag; box-flex; border-colors; box-flex-group; border-top-colors; box-lines; border-right-colors; box-ordinal-group; border-bottom-colors; border-left-colors; box-orient; scrollbar-3dlight-color; box-pack; scrollbar-darkshadow-color; box-shadow; scrollbar-highlight-color; box-sizing; scrollbar-shadow-color; caption-side; scrollbar-arrow-color; clear; scrollbar-arrow-color; clip; scrollbar-face-color; color; scrollbar-track-color; column-count; scrollbar-base-color; column-fill; behavior; column-gap; column-rule; column-rule-color; column-rule-style; column-rule-width; column-span; column-width; columns; content; counter-increment; counter-reset; cursor; direction; display; empty-cells; filter; flex; flex-basis; flex-direction; flex-flow; flex-grow; flex-shrink; flex-wrap; float; font; @font-face; font-family; font-size; font-size-adjust; font-stretch; font-style; font-variant; font-weight; grid-columns; grid-rows; hanging-punctuation; height; icon; justify-content; @keyframes; left; letter-spacing; line-height; list-style; list-style-image; list-style-position; list-style-type; margin; margin-bottom; margin-left; margin-right; margin-top; max-height; max-width; @media; min-height; min-width; nav-down; nav-index; nav-left; nav-right; nav-up; opacity; order; outline; outline-color; outline-offset; outline-style; outline-width; overflow; overflow-x; overflow-y; padding; padding-bottom; padding-left; padding-right; padding-top; page-break-after; page-break-before; page-break-inside; perspective; perspective-origin; position; punctuation-trim; quotes; resize; right; rotation; tab-size; table-layout; target; target-name; target-new; target-position; text-align; text-align-last; text-decoration; text-decoration-color; text-decoration-line; text-decoration-style; text-indent; text-justify; text-outline; text-overflow; text-shadow; text-transform; text-wrap; top; transform; transform-origin; transform-style; transition; transition-delay; transition-duration; transition-property; transition-timing-function; unicode-bidi; pointer-events; vertical-align; user-select; visibility; ime-mode; white-space; zoom; width; -webkit-appearance; word-break; @charset; word-spacing; text-stroke; word-wrap; text-stroke-width; z-index; text-stroke-color; writing-mode; <angle>; deg; grad; rad; turn; s; align-content; ms; <frequency>; align-items; Hz; align-self; kHz; all; <fraction>; animation; <grid>; animation-delay; fr; animation-direction; gr; animation-duration; <resolution>; animation-fill-mode; dpi; animation-iteration-count; dpcm; dppx; animation-name; unset; animation-play-state; <string>; <url>; animation-timing-function; <identifier>; appearance; calc(); backface-visibility; toggle(); background; counter(); background-attachment; counters(); attr(); <image>; background-blend-mode; image(); background-clip; image-set(); background-color; <gradient>; background-image; repeating-radial-gradient(); background-origin; <integer>; background-position; <percentage>; background-repeat; background-size; border; border-bottom; border-bottom-color; border-bottom-left-radius; border-bottom-right-radius; border-bottom-style; border-bottom-width; border-collapse; border-color; border-image; border-image-outset; border-image-repeat; page; border-image-slice; page-break-before; border-image-source; page-break-after; page-break-inside; border-image-width; border-left; border-left-color; border-left-style; border-left-width; border-radius; border-right; device-width; border-right-color; device-height; border-right-style; orientation; border-right-width; aspect-ratio; border-spacing; device-aspect-ratio; border-style; color-index; monochrome; initial; inherit; RGBA; Color Name; HEX; RGB; HSL; HSLA; transparent; currentColor; <length>; em; ex; ch; rem; vw; vh; vmax; vmin; cm; mm; q; in; pt; pc; px; <number>; 颜色关键字(Color Keywords); 媒体类型(Media Types); 条件Hack; 属性级Hack; 选择符级Hack; Bugs及解决方案列表; CSS技巧和经验列表; 其它技巧和经验列表; 参考资源列表

RGB

RGB色彩是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化和它们相互之间的叠加来得到各式各样的颜色的

前端控更新时间：2019-03-21 14:25:08

具体内容
相关视频
相关知识
最新评论

RGB

说明：

RGB(R,G,B)

取值：

R：红色值。正整数 | 百分数

G：绿色值。正整数 | 百分数

B：蓝色值。正整数 | 百分数

说明：

RGB记法。

以上三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。
超出范围的数值将被截至其最接近的取值极限。如：rgb(300,0,0)会被解析为rgb(255,0,0)
正整数值255对应百分比数值100%，如：rgb(255,255,255) = rgb(100%,100%,100%) = #FFFFFF = #FFF
RGB色彩是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化和它们相互之间的叠加来得到各式各样的颜色的。
此RGB色彩模式与#RRGGBB/#RGB(HEX)不同。

兼容性：

浅绿 = 支持

红色 = 不支持

粉色 = 部分支持

IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
6.0+	2.0+	4.0+	3.1+	3.5+	3.2+	2.1+	18.0+

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		div{
			
		background-color:rgb(255,0,0);

		}

	</style>
</head>
<body>
	<div>rgb颜色值</div>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图：

更多内容请参阅：CSS颜色值、CSS颜色

推荐手册

RGB

RGB

说明：

取值：

说明：

兼容性：

实例