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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • STM32CubeMX介绍、下载与安装

    STM32CubeMX介绍、下载与安装推荐分享一个大神的人工智能教程。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到人工智能的队伍中来!http://www.captainbed.net/strongerhuang本教程今年更新了部分内容:STM32CubeMX系列教程Ⅰ、写在前面相信很多人都知道STM32CubeMX这个工具,也是近年来开发STM32比较流行的一个工具。这个工具从两年…

    2022年6月12日
    41
  • 基于PyTorch的深度学习入门教程(一)——PyTorch安装和配置

    前言深度神经网络是一种目前被广泛使用的工具,可以用于图像识别、分类,物体检测,机器翻译等等。深度学习(DeepLearning)是一种学习神经网络各种参数的方法。因此,我们将要介绍的深度学习,指的是构建神经网络结构,并且运用各种深度学习算法训练网络参数,进而解决各种任务。本文从PyTorch环境配置开始。PyTorch是一种Python接口的深度学习框架,使用灵活,学习方便。…

    2022年4月11日
    49
  • 五子棋Java课设

    五子棋Java课设五子棋Java课设代码分析过程+(源代码)

    2022年7月12日
    11
  • qq wine linux_wine qq

    qq wine linux_wine qq次博客为转载,原作者地址点击此处,解决ubuntu笔记本安装qq百度网盘微信等软件的问题 &lt;divid="secondary"role="complementary"style="position:relative;"&gt; &lt;headerid="header"role="banner"&gt; &lt;div

    2022年9月5日
    3
  • 20多岁的一无所有,其实是理所应当的「建议收藏」

    20多岁的一无所有,其实是理所应当的「建议收藏」 转载:https://blog.csdn.net/kangwrite/article/details/3618481923岁那年你正处在哪个状态?现在呢?&amp;nbsp;我,23岁,应届毕业生。生活,工作,爱情都处于人生的低谷,一穷二白,一无所有,一事无成。分享一下成长的建议吧。匿名用户23岁那年…

    2022年7月25日
    6
  • mac dg破解激活码-激活码分享2022.02.22

    (mac dg破解激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlHCIQ56F36O-eyJsaWNlbnNlSW…

    2022年4月1日
    57

发表回复

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

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