学习啦>学习电脑>电脑技巧>

css怎样设置背景颜色透明度

时间: 本达868 分享

  css设置背景颜色透明度只需要使用rgba(R,G,B,A)即可。A为透明度参数,取值在0~1之间,不可为负值。 下面是学习啦小编给大家整理的一些有关css设置背景颜色透明度的方法,希望对大家有帮助!

  css设置背景颜色透明度的方法

  创建一个html文件。如图

  在html文件找到一个<body>标签,在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba。 如图

学习啦在线学习网   代码:<div class="rgba"></div>

  为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>

学习啦在线学习网   保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。如图:

学习啦在线学习网   所有代码。可以把所有代码复制到新建的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为透明度参数,取值在0~1之间,不可为负值。 下面是学习啦小编给大家整理的一些有关css设置背景颜色透明度的方法,希望对大家有帮助! css设置背景颜色透明度的方法 创建一个html文
推荐度:
点击下载文档文档为doc格式

精选文章

  • 怎么为一个div添加多个背景图片
    怎么为一个div添加多个背景图片

    学习啦在线学习网在制作页面的时候,一个div只能有一个背景图片。如果需要多个背景,就要新建元素,下面是学习啦小编给大家整理的一些有关为一个div添加多个背景图片

  • 怎么让div的大小随着背景图片的大小变大
    怎么让div的大小随着背景图片的大小变大

    在做网页的时候,经常会遇到为div添加背景图片,那么我们应该怎样做才能让div的大小随着背景图片的变大而变大呢,也就是让我们的div被背景图片所撑起

  • dota2怎么将中文配音设置成英文
    dota2怎么将中文配音设置成英文

    学习啦在线学习网国服dota2默认配音为中文,但是有不少dota1的玩家更习惯于英文配音,要怎么将dota2的配音改成英文呢,其实很简单。下面学习啦小编告诉你! dota2中文配音设

  • 打印机如何更改打印的颜色
    打印机如何更改打印的颜色

    学习啦在线学习网使用打印机打印文件的时候,需要根据自己的需要更改打印的颜色,那么在哪里更改呢?打印机更改打印的颜色的方法其实很简单,下面由学习啦小编告诉你

2207291