HSLA

作者: 琪33 | 来源:发表于2018-04-25 10:53 被阅读0次
<style>
        .out{
            width: 400px;
            height: 400px;
            background-color:hsla(240,100%,50%,0.4);
            margin:100px auto;
            border: 1px solid #000;
        }
        .in{
            width: 200px;
            height: 200px;
            background-color: red;
            margin:100px auto;
        }
        .other{
            width: 300px;
            height: 300px;
            border: 30px solid rgba(0,255,0,0.3);
            font-size:50px;
            font-family:"Microsoft Yahei";
            background-color: rgba(255,0,0,0.3);
            color:rgba(0,0,255,0.4);
        }
    </style>
</head>
<body>
<div class="out">
    <div class="in"></div>
</div>
    <div class="other">
        ABCD
    </div>
</body>

相关文章

  • HSLA

  • 揭秘HSLA

    在css中表示颜色有几种方式:十六进制(#fff、#FFFFFF)、RGB(rgb(0, 0, 0)、rgb(25...

  • css3:实现半透明边框

    css: border:10px solid hsla(0,0%,100,.5); background:whit...

  • 半透明边框

    半透明颜色:rgba()、hsla() 代码: { border:10px dashed rgba(255,0,0...

  • hsla background-clip

    大家看到这个div,想想自己如何去实现 然后看下代码 使用一个div就可以实现中间红色为content内容,白色为...

  • CSS 3

    1、HSLA 2、CSS属性display和visibility 区别 设置display元素如何被显示,visi...

  • CSS Tips

    1.半透明边框border:10px solid hsla(0,0%,100%,.5);background:wh...

  • CSS中的HSLA颜色

    CSS 中的颜色可以由RGB色彩空间和HSL色彩空间两种方式来表述。其中我们常用的是RGB色彩空间,RGB色彩空间...

  • css揭秘 - 背景与边框

    半透明边框 RGBA/HSLA颜色H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可...

  • css颜色

    css颜色 十六进制颜色 # rgb颜色 红绿蓝 rgba颜色+透明 HSL 色相 饱和度 亮度 HSLA 颜色+...

网友评论

      本文标题:HSLA

      本文链接:https://www.haomeiwen.com/subject/jwldlftx.html