12、RGB

最新推荐文章于 2023-03-07 20:33:02 发布

五仁卤鸡翅

最新推荐文章于 2023-03-07 20:33:02 发布

阅读量134

点赞数

分类专栏： css 文章标签： css3

本文链接：https://blog.csdn.net/MoonNight608/article/details/106860964

版权

css 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

文章目录

介绍
RGB

介绍

本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记

RGB

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>meta</title>
</head>
<style>
.box1{
    width:100px;
    height：100px
}
颜色单位：
   在css中可以直接使用颜色名来直接设置各种颜色
      比如 red white
      但是在css中直接使用颜色名不方便
    RGB值
      - 就是通过三种颜色不同浓度调配不同颜色
      -  R red G green  B blue  
      - 每一种颜色范围，在0~255之间
      语法：RGB(红色，绿色，蓝色) // 光的三原色
      rgb(255,0,0) 红色
    
    RGBA:
        - 在rgb基础上，多了一个A，表示透明度
        - 需要四个值
          最后一个值
            1 表示完全透明  0.5 表示半透明  0 表示透明
           
            rgba(255.0,0,0,0.5)
            
    十六进制的rgb:
         - 语法：#红色绿色蓝色
         - 颜色浓度 通过 00~ff 控制
         - 如果颜色两位重复，可以进行简写
          #aabbcc -> #abc
          
         background-color:#ff0000
    
     HSL值 HSLA值
       H 色相(0-360)
       S 饱和度 颜色浓度 0%-100%
       L 亮度  颜色亮度 0%-100%
     background-color:hsl(0)  
           
</style>
<body>
 <div  class="box1" >
  </div> 
 
</body>
</html>

五仁卤鸡翅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
12、RGB

文章目录介绍RGB介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记RGB<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:100px; height：100px}颜色单位：在css中可以直接使用颜色名来直接设置各种
复制链接

扫一扫