欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS3中使用RGBA設置透明度的示例

WEB前端開發(fā)   發(fā)布時間：2015-08-04 17:24:44   作者：佚名   我要評論
這篇文章主要介紹了CSS3中使用RGBA設置透明度的示例,即在傳統(tǒng)的RGB值上增添調節(jié)透明度的Alpha值,需要的朋友可以參考下

說明：
RGBA(R,G,B,A)

取值：
R：紅色值。正整數 | 百分數
G：綠色值。正整數 | 百分數
B：藍色值。正整數 | 百分數
A：Alpha透明度。取值0~1之間。


下面是用rgba() 設置50%透明度的白色.
 

CSS Code復制內容到剪貼板
  1. p {   
  2.   color: rgba(255, 255, 255, 0.5);   
  3. }  

RGBA是RGB色彩模型的一個擴展。這個縮寫詞代表紅綠藍三原色的首字母，Alpha值代表顏色的透明度/不透明度。
RGBA色彩表示法的格式為：:
 

CSS Code復制內容到剪貼板
  1. rgba(red, green, blue, alpha)  

前三個值（紅綠藍）的范圍為0到255之間的整數或者0%到100%之間的百分數。這些值描述了紅綠藍三原色在預期色彩中的量。
如果你想設置純紅色，那么把red參數設置滿，即255，綠，藍設置0即可。
 

CSS Code復制內容到剪貼板
  1. background-color: rgba(255, 0, 0, 1);  

結果:

也可使用百分比:
 

CSS Code復制內容到剪貼板
  1. background-color: rgba(100%, 0%, 0%, 1);  

結果:

第四個值, alpha, 制定了色彩的透明度/不透明度，它的范圍為0.0到1.0之間

下面的例子是設置50%透明度的黃色:

 

CSS Code復制內容到剪貼板
  1. color: rgba(255, 242, 0, 0.5);  

結果:
201584173107020.jpg (827×224)

相關文章

  • CSS3顏色值RGBA與漸變色使用介紹

    CSS3之前漸變色圖片只能用背景圖片，CSS3的漸變色語法可以讓我們省去下載圖片的開銷，并且在改變?yōu)g覽器分辨率時有更好的效果，這里就為大家介紹一下,需要的朋友可以參考下
    2020-03-06

  • CSS3解決移動頁面上點擊鏈接觸發(fā)色塊的問題

    移動瀏覽器中頁面點擊某個元素時會出現閃動的色塊,也算是比較常見的問題了,這里我們就來講通過-webkit-tap-highlight-color:rgba(0,0,0,0)屬性來用CSS3解決移動頁面上點擊
    2016-06-03

  • CSS3中使用RGBa來調節(jié)透明度的教程

    這篇文章主要介紹了CSS3中使用RGBa來調節(jié)透明度的教程,RGBA是RGB色彩模型的一個擴展,這個縮寫詞代表紅綠藍三原色的首字母,Alpha值代表顏色的透明度或者說不透明度,需要的朋
    2016-05-09

  • CSS3 透明色 RGBA使用介紹

    我們今天需要討論的RGBA。如果需要更詳細的解說，大家就跟著我一起往下看吧
    2013-08-06

  • CSS3 rgb and rgba（透明色）的使用詳解

    這篇文章主要介紹了CSS3 rgb and rgba（透明色）的使用詳解，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-09-25

最新評論