3.7背景色半透明

提示：css3为我们背景颜色半透明效果background：rgba。

1、语法：

div{

background：rgba（255,255,255,0.5）;

}

解释：

第一个255，对应参数“r”红色。

第二个255，对应参数“g”绿色。

第三个255，对应参数“b”蓝色。

第四个0.5，对应参数“a”透明度，透明度0~1范围之间。

注意：

我们习惯写“.3”前面0可以省略

background：rgba（0,0,0，.3）;

背景设置为半透明，内容不会受到影响。

自己代码展示：


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景颜色透明title>
    <style>
        div {
            width: 200px;
            height: 100px;
            display: inline-block;
            /* background-color: black; */
            background: rgba(0, 0, 0, 0.5);
            /* 这里表示：透明颜色
            r表示第一个参数0，表示红色
            g表示第二个参数0，表示绿色
            b表示第三个参数0，表示蓝色
            a表示第四个参数0.5，表示透明度
            注意：透明度范围为0~1范围
            后面那个透明度我们也可以写成“.5” */
        }
    style>
 
head>
 
<body>
    <div>
        你好
    div>
body>
 
html>

显示结果：

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了css3为我们背景颜色半透明效果background：rgba。

相关阅读:
Zookeeper 启动失败【Cannot open channel to 3 at election address...】
基于JAVA疫情下图书馆管理系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署
YOLO算法(You Only Look Once)系列讲解与实现（待完善）
C++概念：trl和clr概念的理解
MySQL引擎：InnoDB VS MyISAM
【0223】源码剖析smgr底层设计机制（3）
C++项目实战——基于多设计模式下的同步&异步日志系统-⑫-日志宏&全局接口设计（代理模式）
C# 扫描并读取图片中的文字（.NET Core)
Linux——守护进程
javascript--async和defer的区别

原文地址：https://blog.csdn.net/qq_62865634/article/details/126688859