IT培訓(xùn)網(wǎng)
IT在線學(xué)習(xí)
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)效果區(qū)別:
后面如果有圖片的話效果會更明顯,效果圖:
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)的效果區(qū)別:
后面如果有圖片的話效果會更明顯,效果圖:
>>本文地址:http://uj2y2uok.com/zhuanye/2020/48651.html
聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
1 您的年齡
2 您的學(xué)歷
3 您更想做哪個方向的工作?