CSS rgb()函数

  • 定义和用法

    rgb()函数使用红 - 绿 - 蓝(RGB)模型定义颜色。RGB颜色值指定为:rgb(红色,绿色,蓝色)。每个参数定义该颜色的强度,可以是0到255之间的整数或百分比值(从0%到100%)。例如,rgb(0,0,255)值呈现为蓝色,因为蓝色参数设置为其最高值(255),其他值设置为0。
    特征 说明
    CSS版本 CSS2
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    函数 IE/Edge Chrome FireFox Safari Opera
    函数名称
    rgb()
    4.0
    1.0
    1.0
    1.0
    3.5
  • CSS语法

    rgb(red, green, blue)
    
    描述
    red 将红色强度定义为0到255之间的整数,或者为0%到100%之间的百分比值
    green 将绿色强度定义为0到255之间的整数,或者为0%到100%之间的百分比值
    blue 将蓝色强度定义为0到255之间的整数,或者定义为0%到100%之间的百分比值
  • 实例

    定义不同的RGB颜色:
    #p1 {background-color:rgb(255,0,0);} /* red */
    #p2 {background-color:rgb(0,255,0);} /* green */
    #p3 {background-color:rgb(0,0,255);} /* blue */
    
    尝试一下