zoukankan      html  css  js  c++  java
  • css文字不透明度怎么设置?

    在css中有很多好看的样式都可以实现,css设置出来的样式让整个网页看起来也会非常美观,今天的这篇文章就给大家来介绍一下在css中怎么设置文字的透明度,让你的文字在网页中看起来是透明的。

    CSS设置透明度可用如下两类方法实现:

    1、使用rgba
    2、使用opacity

    使用rgba设置文字不透明度的方法示例:

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <style type="text/css">
    .div{
        background:red;
        100px;
        height:100px;
        color:rgba(255,255,255,0.4)
    }
        </style>
    </head>
    <body>
    <div>
        我是透明文字
    </div>
    </body>
    </html>

    https://www.houdianzi.com/ vi设计公司

    使用opacity设置文字不透明度示例:

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <style type="text/css">
    .div{
        background:red;
        100px;
        height:100px;   
    }
    p{opacity:0.4;}
        </style>
    </head>
    <body>
    <div>
        <p>我是透明文字</p>
    </div>
    </body>
    </html>

    rgba()方法与opacity方法虽然都可以实现透明度效果,但rgba()只作用于元素的颜色或其背景色(设置了rgb()透明度元素的子元素不会继承其透明效果);而opacity具有继承性,既作用于元素本身,也会使元素内的所有子元素具有透明度。

  • 相关阅读:
    2018牛客网暑期ACM多校训练营(第九场)A -Circulant Matrix(FWT)
    ZOJ
    BZOJ 4318 OSU!(概率DP)
    POJ
    POJ
    Linux安装及管理程序
    Linux目录及文件管理
    linux账号管理操作
    linux系统命令总结
    linux目录及文件管理操作
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/15143736.html
Copyright © 2011-2022 走看看