首页 > 开发 > CSS > 正文

CSS3教程(9):设置RGB颜色

2024-07-11 09:04:59
字体:
来源:转载
供稿:网友

武林网(www.vevb.com)文章简介:使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。

使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。

上一篇文章:CSS3教程(8):CSS3透明度指南

RGBA像RGB一样设置颜色,而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样,一个opacity值为1的元素是完全不透明的,而一个opacity为0的元素是完全透明的。

浏览器兼容性

RGBA现在在Firefox、Google Chrome和Safari中都有比较好的支持,同样不需要前缀。

CSS3 RGBA 色彩

CSS3教程(9):设置RGB颜色

上面的效果有以下样式实现:

div.rgbaL1 { background:rgba(153, 134, 117, 0.2); height:20px; }div.rgbaL2 { background:rgba(153, 134, 117, 0.4); height:20px; }div.rgbaL3 { background:rgba(153, 134, 117, 0.6); height:20px; }div.rgbaL4 { background:rgba(153, 134, 117, 0.8); height:20px; }div.rgbaL5 { background:rgba(153, 134, 117, 1.0); height:20px; }

浏览器支持

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表