颜色单位

2021-06-08 17:36:34 阅读：229 来源： 互联网

<!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
                 *         语法：#红色绿色蓝色
                 *         十六进制：
                 *         0 1 2 3 4 5 6 7 8 9 a b c d e f
                 *         00 - ff
                 *         00表示没有，相当于rgb中的0
                 *         ff表示最大，相当于rgb中255
                 *         红色：
                 *             #ff0000
                 *         像这种两位两位重复的颜色，可以简写
                 *             比如：#ff0000 可以写成 #f00
                 *             #abc  #aabbcc        
                 *             
                 */
                /*background-color: rgb(161,187,215);*/
                
                /*background-color: rgb(100%,50%,50%);*/
                
                /*background-color: #00f;*/
                
                /*background-color: #abc;*/ /*#aabbcc*/
                
                background-color: #084098;
            }
            
        </style>
    </head>
    <body>
        <div class="box1"></div>
    </body>
</html>

标签：00,颜色,color,单位,rgb,浓度,255
来源： https://www.cnblogs.com/juham/p/14863715.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

颜色单位