rgba() 表示法
与 rgb()
表示法类似,但具有额外的 alpha(不透明度)值。
.red {
/* Opaque red */
color: rgba(255, 0, 0, 1);
}
.red-50p {
/* Half-translucent red. */
color: rgba(255, 0, 0, .5);
}
句法
rgba(<red>, <green>, <blue>, <alpha>);
值 | 描述 |
---|---|
<red> |
0 到 255 之间的整数或 0 到 100%之间的百分比 |
<green> |
0 到 255 之间的整数或 0 到 100%之间的百分比 |
<blue> |
0 到 255 之间的整数或 0 到 100%之间的百分比 |
<alpha> |
0 到 1 之间的数字,其中 0.0 是完全透明的,1.0 是完全不透明的 |