欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  RGBA颜色
 
  RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA说白了,就是在RGB的基础上加了一个透明度通道Alpha。
 
  语法:
 
  rgba(R,G,B,A)
 
  说明:
 
  R:红色值(Red);
 
  G:绿色值(Green);
 
  B:蓝色值(Blue);
 
  A:透明度(Alpha);
 
  R、G、B三个参数可以为正整数,也可以为百分比。正整数值的取值范围为0~255,百分数值的取值范围为0.0%~100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。
 
  参数A为透明度,类似opacity属性,取值范围在0.0~1.0之间,不可为负值。下面是RGBA颜色的正确用法:
 
  rgba(255,255,0,0.5)
 
  rgba(50%,80%,50%,0.5)
 
  举例:
 
  
 
  
 
  <!DOCTYPEhtml>
 
  <htmlxmlns="http://www.w3.org/1999/xhtml">
 
  <head>
 
  <title>CSS3RGBA颜色</title>
 
  <styletype="text/css">
 
  *{padding:0;margin:0;}
 
  ul
 
  {
 
  display:inline-block;
 
  list-style-type:none;
 
  width:200px;
 
  }
 
  li
 
  {
 
  height:30px;
 
  line-height:30px;
 
  font-size:20px;
 
  font-weight:bold;
 
  text-align:center;
 
  }
 
  /*第1个li*/
 
  li:first-child
 
  {
 
  background-color:#FF00FF;
 
  }
 
  /*第2个li*/
 
  li:nth-child(2)
 
  {
 
  background-color:rgba(255,0,255,0.5);
 
  }
 
  /*第3个li*/
 
  li:last-child
 
  {
 
  background-color:#FF00FF;
 
  opacity:0.5;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <ul>
 
  <li>php中文网</li>
 
  <li>php中文网</li>
 
  <li>php中文网</li>
 
  </ul>
 
  </body>
 
  </html>








本文转载自中文网

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c56522.shtml