zoukankan      html  css  js  c++  java
  • CSS基础(二十)--Position之Opacity设置标签透明度

    随笔记录方便自己和同路人查阅,学习CSS时最好先学会HTML。

    #------------------------------------------------我是可耻的分割线-------------------------------------------

    Opacity透明度1表示没有透明度

    未加opacity显示

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div style="height: 5000px;background-color:green;"></div>
    </body>
    </html>

    效果:

    opacity显示

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div style="height: 5000px;background-color:green;opacity:0.5;"></div>
    </body>
    </html>

    效果:

  • 相关阅读:
    intellij常用快捷键
    C++ 虚函数详解
    第七周作业
    第六周作业
    第四周作业
    第三周作业
    第二周作业
    第一周作业附加作业
    第一周作业。
    第0次作业
  • 原文地址:https://www.cnblogs.com/lirongyang/p/11303762.html
Copyright © 2011-2022 走看看