「网易官方」极客战记（codecombat）攻略-网页开发2-精确着色-precision-coloring

(点击图片进入关卡)

使用rgb() CSS函数指定特定颜色！

简介

rgb() 是一个函数，它以 3 个数作为参数。

p {

    color: rgb(255, 0, 127);

}

默认代码

 

概览

rgb

rgb() 是一个类似于 scale() 和 rotate() 的CSS函数。它是用于自定义颜色的辅助函数。

它有3个参数： red 、 green 和 blue 。 rgb() 的三个字母就来自于这三个单词。颜色对应数值越大，意味着该颜色会更多地呈现在最终渲染得到的颜色中。

参数取值范围是 0 到 255 。

p {

    /* 这是白色！ */

    color: rgb(255, 255, 255);

}

div {

    /* 这是黑色！ */

    

}

img {

    /* 这是橙色！ */

    

}

精确着色 解法

 

 

本攻略发于极客战记官方教学栏目，原文地址为：

https://codecombat.163.com/news/jikezhanji-jingquezhuose

极客战记——学编程，用玩的！