• 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）;

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

    自己代码展示：

    2. html>
    3. <html lang="en">
    4.  
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>背景颜色透明title>
    10.     <style>
    11.         div {
    12.             width: 200px;
    13.             height: 100px;
    14.             display: inline-block;
    15.             /* background-color: black; */
    16.             background: rgba(0, 0, 0, 0.5);
    17.             /* 这里表示：透明颜色
    18.             r表示第一个参数0，表示红色
    19.             g表示第二个参数0，表示绿色
    20.             b表示第三个参数0，表示蓝色
    21.             a表示第四个参数0.5，表示透明度
    22.             注意：透明度范围为0~1范围
    23.             后面那个透明度我们也可以写成“.5” */
    24.         }
    25.     style>
    26.  
    27. head>
    28.  
    29. <body>
    30.     <div>
    31.         你好
    32.     div>
    33. body>
    34.  
    35. html>

    显示结果：

    总结

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

  • 相关阅读:
    ln命令应用
    docker容器化部署nginx php项目(步骤清晰简洁)
    虹科案例 | 空调故障无冷气，且没有故障码
    图片怎么加满屏水印？
    php的伪协议详解
    get与post区别
    [JavaEE]计算机是如何工作的
    Linux知识点 -- 网络基础 -- 数据链路层
    Docker常用命令使用总结
    Docker Cgroups资源控制
  • 原文地址：https://blog.csdn.net/qq_62865634/article/details/126688859