css設置背景透明的方法:首先在【<body>】標簽創建【<div>】標簽和添加類;然后在【<style>】標簽里設置rgba類的高和背景透明度的樣式【(rgba(R,G,B,A))】。
本教程操作環境:windows10系統、css3版,DELL G3電腦,該方法適用于所有品牌電腦。
css設置背景透明的方法:
1、創建一個html文件。如圖
2、在html文件找到一個<body>
標簽,在這個標簽里創建一個<div>
標簽并添加一個類,在這把這個類設置為:rgba。 如圖
代碼:
<div class="rgba"></div>
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>
4、保存后使用瀏覽器查看。可以看到當透明度為由0.1修改為1時div背景由灰色變為了黑色。如圖:
相關教程推薦:CSS視頻教程