css颜色单位

waterv 2019-10-24

/*
  用颜色的单词表示不同的颜色:red, green, blue等等
*/
p {
    background-color: red;
}

/*
  用rgb三元色表示,rgb => red, green, blue
  rgb的浓度值:r(0~255), g(0~255), b(0~255)
*/
p {
    background-color: rgb(0, 0, 255); /* 蓝色 */
}

/*
  rgb的百分比:r(0%~100%), g(0%~100%), b(0%~100%)
  0必须写成0%否则不起作用
*/
p {
    background-color: rgb(0%,100%,0%) /* 绿色 */
}

/*
  rgb的十六进制值:r(00~ff), g(00~ff), b(00~ff)
*/
p {
    background-color: #ff0000; /* 红色,等价于:#f00 */
}
p {
    background-color: #f00; /* 红色 */
}

相关推荐