5. RGBA
RGBA顏色表示形式只是比RGB多了一個A。A表示Alpha透明度。取值是0到1.
rgba(red, green, blue, alpha)
例如：
- div{
- width: 100px;
- height: 100px;
- background: rgba(255, 0, 0, 0.5);
- }
效果圖：
后面如果有圖片的話效果會更明顯，效果圖：
rgb(255, 0, 0)和 rgba(255, 0, 0, 0.5)效果區別：
后面如果有圖片的話效果會更明顯，效果圖：
6. HSLA
HSLA顏色表示形式只是比HSL多了一個A。A表示Alpha透明度。取值是0到1.
hsla(hue, saturation, lightness, alpha)
例如：
- div{
- width: 100px;
- height: 100px;
- background:hsla(100, 80%, 50%,0.8);
- }
效果圖：
后面如果有圖片的話效果會更明顯，效果圖：
hsl(100, 80%, 50%)和hsla(100, 80%, 50%,0.5)的效果區別：
后面如果有圖片的話效果會更明顯，效果圖：
>>本文地址：http://www.jecan.cn/zhuanye/2020/48651.html
聲明:本站稿件版權均屬中公教育優就業所有，未經許可不得擅自轉載。
1 您的年齡
2 您的學歷
3 您更想做哪個方向的工作？
大前端
大數據
互聯網營銷
Java
Linux
Python
嵌入式
全域電商運營
軟件測試
室內設計
平面設計
電商設計
網頁設計
UI設計
VR/AR
網絡安全
新媒體
直播帶貨
智能機器人
中公教育IT培訓品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP備10218183號-88
京ICP證161188號
京公網安備11010802020723號
投訴建議：400-650-7353
Java培訓
軟件測試培訓
Web培訓
Linux培訓
Python培訓
互聯網營銷培訓
UI培訓
大數據培訓
官方公眾號 回復"大禮包"享福利 
領學習資料 分享IT知識 
閱讀()
分享
手機端入口
