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

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號
日韩精品无码人成视频手机| 日韩亚洲不卡在线视频中文字幕在线观看| 日韩精品在线一区二区| selao久久国产精品| 国产亚洲精品国产福利在线观看| 人妻熟妇乱又伦精品HD| 国产成人精品久久二区二区| 精品午夜福利在线观看| 无码精品人妻一区二区三区免费看| 久久99精品久久久久久 | 久久99精品久久久久久青青日本| 亚洲线精品一区二区三区| 九九线精品视频在线观看| xxxxbbbb国产精品| 欧洲精品一区二区三区在线观看| 日韩精品专区AV无码| 日韩在线视频免费| 国产免费无遮挡精品视频| 国产精品天干天干| 好男人视频社区精品免费 | 亚洲精品成人久久久| 一区二区日韩国产精品| 热99精品只有里视频最新| 日韩一级视频免费观看| 日韩免费a级在线观看| 日韩乱码在线观看| 精品无码成人片一区二区| 精品视频午夜一区二区| 综合91在线精品| 九九久久国产精品| 国产精品成人99久久久久91gav| 国产精品高清在线| 香蕉伊思人在线精品| 国内精品一线二线三线黄| 精品久久久久久国产| 久久精品亚洲一区二区| 性色精品视频网站在线观看| 久久精品国产第一区二区三区| 亚洲精品国产免费| 无码国产精品一区二区免费式直播 | 日韩精品无码久久一区二区三|