透明度设置

  • HTML CSS设置透明度

    • 使用rgba设置

      rgba(r,g,b,a)

      r,g,b大家都知道的红,绿,蓝的值,然后a就是指透明度的值,取值范围在0到1之间,1是不透明,0是全透明。

      使用rgba是仅仅设置元素的颜色的透明度,不会设置其相关的透明度

    • 使用opacity设置透明度

      opacity:value|inhert;

      value:指透明度的值,范围也是1到0;

      inherit:指opacity的值从父元素继承

      因为opacity具有继承性,既作用于元素本身,也作用于元素内的所有子元素具有透明度;

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>透明度设置</title>
    <style type="text/css">
    .t{
    height:100px;
    width:100px;
    text-align:center;
    float:left;
    margin-left:30px;
    }
    .t1{
    background-color:rgba(50,200,50,1);
    }
    .t2{
    background-color:rgba(50,200,50,0.5);
    }
    .t3{
    opacity:0.3;
    }
    .t4{
    opacity:0.1;
    }
    </style>
    </head>

    <body>
    <div class="t1 t">
    我是一个背景和文字都不透明的小块块
    </div>
    <div class="t2 t">
    我是一个背景半透明的小块块
    </div>
    <div class="t3 t">
    我是一个背景和文字都是0.3透透的小块块
    </div>
    </div>

    </body>
    </html>

 

 

 

 

 

 

aha,我又回来了,又到了整理的时候了,感觉有学到一些零零碎碎的东西,趁着还有印象赶紧记下来。

嗐,发现自己审美真的是不咋地,做出来的东西好丑啊,颜色不搭,大小不搭,位置不搭,哪哪都不好,可能,不对,应该就是我太垃圾了,算了算了好好学吧

老师要求安的软件太多了,最讨厌的就是安装软件了,老是出问题

最近都没有怎么学JS了,都怪我太懒,也不知道我的JS笔记什么时候才可以写好

感觉别人都在好好学习,找到了自己的目标,,只有自己干啥啥不行,吃饭睡觉第一名,每天怎么就这么能睡呢

 

posted on 2020-10-24 16:33  bell_*  阅读(212)  评论(0编辑  收藏  举报