国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

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

2024-07-11 08:29:51
字體：大 中 小
來源：轉載
供稿：網友

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

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


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

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

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)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 大新县| 盐城市| 阿拉善右旗| 西丰县| 台山市| 漾濞| 博湖县| 健康| 留坝县| 海阳市| 宜州市| 乐至县| 霍林郭勒市| 凤翔县| 旌德县| 永靖县| 晋州市| 漳平市| 德保县| 塘沽区| 宜阳县| 聂荣县| 云南省| 武胜县| 阳信县| 如皋市| 达尔| 蓬安县| 望城县| 桦川县| 扎囊县| 宜春市| 三河市| 名山县| 津市市| 独山县| 简阳市| 阳新县| 通榆县| 鸡泽县| 舞阳县|