当前位置:酷酷问答>百科问答>css设置背景透明度

css设置背景透明度

2024-10-14 06:26:37 编辑:zane 浏览量:582

css设置背景透明度

的有关信息介绍如下:

css设置背景透明度

css设置背景颜色透明度只需要使用rgba(R,G,B,A)即可。以上R、G、B三个参数,正整数值的取值范围为:0 - 255。A为透明度参数,取值在0~1之间,不可为负值。

语法:background-color:rgba(0,0,0,0.1);

创建一个html文件。如图

在html文件找到一个标签,在这个标签里创建一个

标签并添加一个类,在这把这个类设置为:rgba。 如图

代码:

为div添加样式。在标签后面创建一个<style>,在<style>标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,透明度参数越小透明度越高。如图</p><p>代码:</p><p><style type="text/css"></p><p> .rgba{</p><p> background-color: rgba(0,0,0,0.5);</p><p> height: 200px;</p><p> }</p><p> </style></p><p>保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。如图:</p><p>所有代码。可以把所有代码复制到新建的html文件上,保存好后使用浏览器打开借口看到效果。如图</p><p>所有代码:</p><p><!DOCTYPE html></p><p><html></p><p> <head></p><p> <meta charset="UTF-8"></p><p> <title>css设置背景透明

版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/answer/78036.html