3-1 CSS3颜色 颜色之RGBA
本节编程练习不计算学习进度,请电脑登录imooc.com操作

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白色

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>RGBA colors</title>
  6. <style type="text/css">
  7. body{background:url(http://static.mukewang.com/static/img/logo_index.png)}
  8. p{
  9. font-size:42px;
  10. text-align:center;
  11. font-weight:bold;
  12. background:?;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <p>背景半透明的?</p>
  18. </body>
  19. </html>
下一节