400-650-7353
您所在的位置：首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】css表示顏色的方法有什么

【Web前端基礎知識】css表示顏色的方法有什么

  • 發布： Web前端培訓
  • 來源：Web前端干貨資料
  • 2020-04-24 14:29:44
  • 閱讀()
  • 分享
  • 手機端入口

5. RGBA

RGBA顏色表示形式只是比RGB多了一個A。A表示Alpha透明度。取值是0到1.

rgba(red, green, blue, alpha)

例如：

  1. div{ 
  2. width: 100px; 
  3. height: 100px; 
  4. background: rgba(255, 0, 0, 0.5); 
  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)

例如：

  1. div{ 
  2. width: 100px; 
  3. height: 100px; 
  4. background:hsla(100, 80%, 50%,0.8); 
  5. } 

效果圖：

后面如果有圖片的話效果會更明顯，效果圖：

hsl(100, 80%, 50%)和hsla(100, 80%, 50%,0.5)的效果區別：

后面如果有圖片的話效果會更明顯，效果圖：

文章“【Web前端基礎知識】css表示顏色的方法有什么”已幫助 人

>>本文地址：http://www.028benet.com/zhuanye/2020/48651.html

THE END  

聲明:本站稿件版權均屬中公教育優就業所有，未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作？

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板： 又粗又硬又爽的三级视频| 性欧美高清come| 国产区精品视频| а√最新版地址在线天堂| 欧美最猛黑人xxxx黑人猛交| 国产成人啪精品视频免费网| yjsp妖精视频网站| 最新亚洲人成网站在线观看| 十九岁日本电影免费完整版观看 | 亚洲午夜精品一级在线播放放| 色妞www精品视频| 在线播放国产一区二区三区| 久久人人爽人人人人爽av| 电车上强制波多野结衣| 国产成人av一区二区三区不卡| lisaannxxxxx| 日韩电影免费在线观看网站| 免费人成在线观看视频播放| 国产高清精品入口91| 天天躁日日躁狠狠躁一区| 久久精品中文字幕一区| 澳门a毛片免费观看| 国产乱人视频在线播放| 中文字幕日韩人妻不卡一区| 欧美日韩亚洲高清不卡一区二区三区 | 青青草原伊人网| 国自产拍亚洲免费视频| 中文无码乱人伦中文视频在线V | 一区二区三区亚洲视频| 最新电影天堂快影eeuss| 伊人久久精品一区二区三区| 边吃奶边插下面| 国产精品无码永久免费888| 一本伊大人香蕉高清在线观看 | 亚洲国产精品网站久久| 精品欧美一区二区三区免费观看| 国产日韩一区二区三区在线观看| china同性基友gay勾外卖| 日本h在线精品免费观看| 亚洲国产精品无码久久一线| 看国产一级毛片|