如何设置HTML图片的背景颜色为透明的_随笔

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<img>标签中新增样式代码：style="opacity: 0.2"。

3、浏览器运行index.html页面，此时设置的图片的背景颜色是透明的。

<div style="background-color: rgba(0,0,0,0.3)">这是一个盒子的内容</div>

用以下方法可以将标签的背景颜色设置为半透明。

CSS rgba() 函数教程

1、首先新建一个记事文本，重新命名背景颜色.html，按回车确认，如下图所示。

2、回到桌面选中新创建的背景颜色.html文件，右键选择记事本打开，然后在记事本中手动输入图中代码，这是一个标准的html头尾格式。

3、在<body>中添加代码：bgcolor="#000000"，保存。

4、这时在桌面打开背景颜色.html，打开页面显示为黑色背景，如下图所示就完成了。

欢迎分享，转载请注明来源：内存溢出

如何设置HTML图片的背景颜色为透明的