• 技术文章 >Web开发 >css教程

    CSS背景颜色的表示方法

    小妮浅浅小妮浅浅2021-09-16 09:40:17原创4001

    1、RGBA表示法,CSS3中新增表示颜色的方式:RGBA或者HSLA。

        background-color: rgba(0, 0, 255, 0.3);
     
        border: 30px solid rgba(0, 255, 0, 0.3);

    代码解释:

    2、RGBA即:Red红、Green绿、Blue蓝、Alpha透明度。

    R、G、B 的取值范围是:0255;透明度的取值范围是 01。

    3、HSLA表示法。

    background-color: hsla(240,50%,50%,0.4);

    解释:

    H 色调,取值范围 0~360。0或360表示红色、120表示绿色、240表示蓝色

    S 饱和度,取值范围 0%~100%。值越大,越鲜艳。

    L 亮度,取值范围 0%~100%。亮度时为白色,最小时为黑色。

    A 透明度,取值范围 0~1。

    关于设置透明度的其他方式:

    (1)opacity: 0.3; 会将整个盒子及子盒子设置透明度。也就是说,当盒子设置半透明的时候,会影响里面的子盒子。

    (2)background: transparent; 可以单独设置透明度,但设置的是完全透明(不可调节透明度)。

    以上就是CSS背景颜色的表示方法,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css背景
    上一篇:CSS超链接a标签的状态 下一篇:css中有哪些类型的样式表

    相关文章推荐

    • css中固定定位fixed是什么• css定位叠放次序是什么• css定位叠放次序的使用注意• css中hack是什么• css中hack的原理• css中hack的3种表现形式• css中link和@import的区别• python中pyquery的CSS选择器用法• CSS简单常用属性的总结• CSS有哪些高级选择器• CSS伪类选择器是什么• CSS超链接a标签的状态

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网