章节
问答
课签
笔记
评论
占位
占位

CSS3颜色 颜色之RGBA

RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。

语法:

color:rgba(R,G,B,A)

以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。

代码示例:

background-color:rgba(100,120,60,0.5);
 

 

任务

在下列代码中的第12行,把文字的背景设置为透明度为  0.5白色

?不会了怎么办

白色的RGB值为(255,255,255)

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

已采纳回答 / 慕无忌5181805
代码里括号是中文括号,改成英文括号,并且前面三个255表示是白色,半透明情况下,背景也看起来没有变化,改一个颜色组合试试"background-color:rgba(255,0,255,0.5); ",提交显示半透明背景色

已采纳回答 / csncuishien
https://www.google.cn/chrome/     这个网站下载就行 要官方的下载才好

最新回答 / qq_沉溺_3
有,可以用-webkit

最新回答 / qq_慕圣3404251
(255,255,255,0.5)这个语法太重要了   检查逗号是中文还是英文,我用的中文没用改成英文就行了

最赞回答 / qq_雁过留痕_03746532
背景颜色写错了:background-color:rgba(100,120,60,0.5);

已采纳回答 / 我和我一起生活
background:是设置背景图片。正确的写法是 background-color:rgba(255,60,255,0.5);

最赞回答 / qq_寳唄_0
这个代码浏览器不兼容的让div 透明,兼容IE FFtransparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;但 FireFox 3.5+ 已不再支持 -moz-opacity在https://developer...

已采纳回答 / 木子水吉
R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。

已采纳回答 / 李晓健
rgba 中有一个a 是透明度的意思,其他颜色是没有透明度,所以好像不能转换成rgba,倒是可以转换到 rgb 比较简单的方式是,在chrome浏览器中,开发者工具中按住  shift 键  鼠标左键点击色块,颜色就会在不同表示法中转换。<...图片...>
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言