CSS颜色

最新推荐文章于 2024-08-25 09:57:22 发布

遇上日落

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量201

点赞数 1

文章标签：前端 html css

本文链接：https://blog.csdn.net/m0_63639281/article/details/125772147

版权

css颜色种类：

RGB值,RGBA值,使用十六进制，HSL值，HSLA值，以及在css中使用（不透明度）。

1.可以在css中直接使用颜色单词，来表示不同的颜色

2.RGB值:可以用来表示不同的颜色

3.RGBA是:RGB的升级版

4.CSS的十六进制:是红，绿，蓝颜色值(RG

B)的组合定义

5.HSL 和 HSLA:亮度饱和度色相

0或360是红色
120是绿色
240是蓝色

<style>
        #p1 {
            background-color: rgba(255, 0, 0, 0.3);
        }

        #p2 {
            background-color: HSL(0,100%,50%);
        }

        #p3 {
            background-color:HSLA(0,100%,75%);
        }
       #p4{
        background-color: rgb(0,0,255,0.6);
       }
       #p5{
        background-color: greenyellow;
       }
    </style>
</head>

<body>

    <p id="p1">1</p>
    <p id="p2">2</p>
    <p id="p3">3</p>
    <p id="p4">4</p>
    <p id="p5">5</p>
  
</body>

</html>