CSS3之opacity属性的简单使用

CSS3之opacity属性的简单使用什么是opacity?opacity属性设置元素的不透明级别。 怎么使用?<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title> CSS3之opacity属性的简单使用</title&gt

大家好,又见面了,我是你们的朋友全栈君。

什么是opacity?

opacity 属性设置元素的不透明级别。

 

怎么使用?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>	CSS3之opacity属性的简单使用</title>
    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: red;
            margin: 0 auto;

            /*
            opacity 属性设置元素的不透明级别。
            本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。
            取值范围:从 0.0 (完全透明)到 1.0(完全不透明)。

            详细见:http://www.w3school.com.cn/cssref/pr_opacity.asp
            */
            opacity: 0.5;
        }
    </style>
</head>
<body>
    <div>
        opacity属性的简单使用
    </div>

</body>
</html>

 

效果图:

CSS3之opacity属性的简单使用

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/141344.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • js小脚本——判断小弹窗和用户浏览器类型

    js小脚本——判断小弹窗和用户浏览器类型

    2021年8月26日
    84
  • django配置环境变量_python django框架

    django配置环境变量_python django框架django的环境配置1. 虚拟环境安装pip install virtualenvpip install virtualenvwrapper 扩展包export WORKON_HOME=$HOME/.virtualenvssource /usr/local/bin/virtualenvwrapper.shvi /usr/local/bin/virtualenvwrapper.sh目录下的文件进行修改成python3的路径环境生效:source .bashrc2. 虚拟环境配置mkvirt

    2022年8月11日
    6
  • vdbench的作用_vdbench

    vdbench的作用_vdbench一、vdbench安装1、安装java:java-version(vdbench的运行依赖于java)2、检测vdbench能够使用:进入vdbench相应目录下./vdbench-t来测试一下vdbench的可用性,如果正常,会在目录下自动生成一个output目录。root@node1:/home/vdbench/vdbench50406#./vdbench-t如果报错,则需修改vdb…

    2022年5月20日
    75
  • Redis雪崩效应的解决方案(转)[通俗易懂]

    Redis雪崩效应的解决方案(转)[通俗易懂]1、可以使用分布式锁单机版的话本地锁当突然有大量请求到数据库服务器时候,进行请求限制。使用所的机制,保证只有一个线程(请求)操作。否则进行排队等待(集群分布式锁,单机本地锁)。减少服务器吞吐量,效率低。保证只能有一个线程进入实际上只能有一个请求在执行查询操作也可以在此处进行使用限流的策略~2、缓存标记publicobjectGetProductListNew()…

    2022年9月14日
    4
  • 发现 Google Buzz 与 Google Code 进行了集成[通俗易懂]

    发现 Google Buzz 与 Google Code 进行了集成[通俗易懂]提交B3logSolo(运行在GAE/J上的博客程序)代码后发现GoogleCode版本控制系统会将提交日志同步发布到GoogleBuzz中:但在Buzzconnectedsites里并没有看到与GoogleCode关联:现在一提交代码就Buzz,还是比较无奈的….本文是使用B3logSolo从简约设计の艺术进行同步发布的原文地址:…

    2022年10月16日
    1
  • 学习使用口令激活成功教程工具:hashcat、LC、SamInside

    学习使用口令激活成功教程工具:hashcat、LC、SamInside在学习使用口令激活成功教程工具之前,我们要先创建一个用户账号,原理是利用其哈希值进行激活成功教程。很关键的一点是,要在虚拟机里面创建用户!!!很关键的一点是,要在虚拟机里面创建用户!!!很关键的一点是,要在虚拟机里面创建用户!!!重要的事情一定要说三遍。在宿主机(我是win10系统)创建用户获取的hash值是假的,根本无法用于激活成功教程。我个人猜测,是由于宿主机存在某种保护机制,使得不让获取到真正的hash。因…

    2022年7月24日
    8

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号