學習啦>學習電腦>電腦技巧>

css怎樣設置背景顏色透明度

時間: 本達868 分享

  css設置背景顏色透明度只需要使用rgba(R,G,B,A)即可。A為透明度參數(shù),取值在0~1之間,不可為負值。 下面是學習啦小編給大家整理的一些有關css設置背景顏色透明度的方法,希望對大家有幫助!

  css設置背景顏色透明度的方法

  創(chuàng)建一個html文件。如圖

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

  代碼:<div class="rgba"></div>

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

  代碼:

  <style type="text/css">

  .rgba{

  background-color: rgba(0,0,0,0.5);

  height: 200px;

  }

  </style>

  保存后使用瀏覽器查看??梢钥吹疆斖该鞫葹橛?.1修改為1時div背景由灰色變?yōu)榱撕谏?。如圖:

  所有代碼??梢园阉写a復制到新建的html文件上,保存好后使用瀏覽器打開借口看到效果。如圖

  所有代碼:

  <!DOCTYPE html>

  <html>

  <head>

  <meta charset="UTF-8">

  <title>css設置背景透明</title>

  <style type="text/css">

  .rgba{

  background-color: rgba(0,0,0,0.5);

  height: 200px;

  }

  </style>

  </head>

  <body>

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

  </body>

  </html>

  END

看了“css怎樣設置背景顏色透明度”的人還看了

1.css怎么設置背景顏色透明度

2.word設置背景圖片透明度的方法

3.怎么設置div透明度

4.word2016如何設置圖片透明度

css怎樣設置背景顏色透明度

css設置背景顏色透明度只需要使用rgba(R,G,B,A)即可。A為透明度參數(shù),取值在0~1之間,不可為負值。 下面是學習啦小編給大家整理的一些有關css設置背景顏色透明度的方法,希望對大家有幫助! css設置背景顏色透明度的方法 創(chuàng)建一個html文
推薦度:
點擊下載文檔文檔為doc格式

精選文章

  • 怎么為一個div添加多個背景圖片
    怎么為一個div添加多個背景圖片

    在制作頁面的時候,一個div只能有一個背景圖片。如果需要多個背景,就要新建元素,下面是學習啦小編給大家整理的一些有關為一個div添加多個背景圖片

  • 怎么讓div的大小隨著背景圖片的大小變大
    怎么讓div的大小隨著背景圖片的大小變大

    在做網(wǎng)頁的時候,經(jīng)常會遇到為div添加背景圖片,那么我們應該怎樣做才能讓div的大小隨著背景圖片的變大而變大呢,也就是讓我們的div被背景圖片所撐起

  • dota2怎么將中文配音設置成英文
    dota2怎么將中文配音設置成英文

    國服dota2默認配音為中文,但是有不少dota1的玩家更習慣于英文配音,要怎么將dota2的配音改成英文呢,其實很簡單。下面學習啦小編告訴你! dota2中文配音設

  • 打印機如何更改打印的顏色
    打印機如何更改打印的顏色

    使用打印機打印文件的時候,需要根據(jù)自己的需要更改打印的顏色,那么在哪里更改呢?打印機更改打印的顏色的方法其實很簡單,下面由學習啦小編告訴你

2207291