学习HTML与CSS的第六天——颜色单位

最新推荐文章于 2024-09-03 23:03:56 发布

不爱学习的大头

最新推荐文章于 2024-09-03 23:03:56 发布

阅读量148

点赞数

文章标签： css css3

本文链接：https://blog.csdn.net/weixin_44055237/article/details/104582220

版权

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8"/>
      <title>颜色单位</title>
      <style type="text/css"> 
      
       .box1{
         width: 100px;
         height: 100px;
         /* 
            颜色单位：
                在css中可以直接使用颜色的单词来表示不同的颜色
                      红色：red
                      蓝色：blue
                      绿色：green
                也可以使用RGB值来表示不同的颜色
                    —— 所谓的RGB值是指通过red、green、blue三种元色
                            通过这三种颜色的不同浓度，来表示不同的颜色
                    —— 例子：rgb（红色的浓度，绿色的浓度，蓝色的浓度）
                        —— 颜色的浓度需要一个0~255之间的值，255最大、0最小
                        —— 浓度也可以采用一个百分数来设置，需要一个0%——100%之间的数字
                                使用百分数最终也会转换为0-255之间的数
                                0%表示0
                                100%表示255
                也可以使用十六进制的rgb值来表示颜色、原理和上面RGB原理一样
                    只不过使用十六进制数来表示，使用三组两位的十六进制数组来表示一个颜色
                    每组表示一个颜色，第一组表示红色的浓度，范围00~ff
                                     第二组表示绿色的浓度，范围00~ff
                                     第三组表示蓝色的浓度，范围00~ff
                    语法：#红色绿色蓝色
                    十六进制：
                    00 ~ ff
                    00 表示没有即rgb中的0
                    ff 表示最大即rgb中的255
                    红色：#ff0000
                    像这种两位重复的颜色，可以简写
                    例如：#ff0000 可以简写为#f00 
                    #aabbcc   #abc
          */
         /*  background-color:green;*/
        /* background-color: rgb(162,187,215); */
        background-color: #ff0000;
       }
      </style>
    </head>
    <body>
      <div class="box1"></div>
    </body>
</html>

不爱学习的大头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习HTML与CSS的第六天——颜色单位

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>颜色单位</title> <style type="text/css"> .box1{ width:...
复制链接

扫一扫