站長資訊網
最全最豐富的資訊網站

css如何設置背景透明

css設置背景透明的方法:首先在【<body>】標簽創建【<div>】標簽和添加類;然后在【<style>】標簽里設置rgba類的高和背景透明度的樣式【(rgba(R,G,B,A))】。

css如何設置背景透明

本教程操作環境:windows10系統、css3版,DELL G3電腦,該方法適用于所有品牌電腦。

css設置背景透明的方法:

1、創建一個html文件。如圖

css如何設置背景透明

2、在html文件找到一個<body>標簽,在這個標簽里創建一個<div>標簽并添加一個類,在這把這個類設置為:rgba。 如圖

代碼:

<div class="rgba"></div>

css如何設置背景透明

3、為div添加樣式。在<title>標簽后面創建一個<style>,在<style>標簽里設置rgba類的高和背景透明度的樣式(rgba(R,G,B,A))。透明度參數,取值在0~1之間,不可為負值,透明度參數越小透明度越高。如圖

代碼:

<style type="text/css"> .rgba{ background-color: rgba(0,0,0,0.5); height: 200px; } </style>

css如何設置背景透明

4、保存后使用瀏覽器查看。可以看到當透明度為由0.1修改為1時div背景由灰色變為了黑色。如圖:

css如何設置背景透明

css如何設置背景透明

css如何設置背景透明

相關教程推薦:CSS視頻教程

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
日韩精品一二三四区| mm1313亚洲国产精品无码试看 | 日韩精品人成在线播放| 麻豆国产精品一二三在线观看| 精品无码国产自产在线观看水浒传 | 久久福利青草精品资源站| 精品国产91久久久久久久a| 人妻少妇精品系列| 日韩大片观看网址| 日韩乱码人妻无码中文字幕久久 | 中文字幕在线不卡精品视频99| sihu国产精品永久免费| 日韩午夜激情视频| 日韩精品无码区免费专区 | 日韩精品无码一区二区三区免费 | 久久婷婷国产综合精品| 久久久久久国产精品视频| 国产精品毛片无遮挡| 国产麻豆一精品一AV一免费| 中文国产成人精品久久下载| 国产精品无码v在线观看| japanese乱人伦精品| www国产亚洲精品久久久| 日韩精品系列产品| 日韩久久久久久中文人妻| 精品国产日韩久久亚洲| 一区二区三区日韩精品| 日韩AV东京社区男人的天堂| 中日韩产精品1卡二卡三卡| 日韩毛片在线免费观看| 日韩精品无码人成视频手机| 日韩精品无码免费专区网站| 亚洲日韩一页精品发布| 亚洲日韩乱码中文无码蜜桃 | 精品人妻中文字幕有码在线| 91精品国产入口| 91大神精品全国在线观看| 精品福利一区二区三区免费视频 | 久久久亚洲精品无码| 色一乱一伦一图一区二区精品| 精品国产麻豆免费人成网站|