开发者社区> 问答> 正文

在网页设计中,如何使用 CSS设置特定的颜色值?

在网页设计中,如何使用 CSS设置特定的颜色值?

展开
收起
游客wn4tr4agg7xku 2022-03-25 00:44:54 2095 0
1 条回答
写回答
取消 提交回答
  • 基于三原色的原理,可以通过设置红、绿、蓝颜色的比例,来确定一个特定的颜色。

    即通过RGB来代表颜色值,R 代表红色,G 代表绿色,B 代表蓝色,来确定颜色值。每种颜色取值范围是 0-255,0 就表示这种颜色没啥影响力,而 255 表示把这种颜色用到最大量。

    如下图代码和对应效果图示例: 配图73.png

    在上面的例子中,rgb-black 是红色部分 255,绿色蓝色部分 0,所以红色是最大值,绿色蓝色的部分则一点没有所以呈现红色。

    rgb-green 的是绿色部分是最大值,红蓝没有,所以呈现绿色。rgb-mix,红色 120 比较小,而绿色 200 比较多,所以呈现一种绿色较多红色有一点影响的整体效果。最终效果如下:

    配图74.png

    以上内容摘自陈文阳《零基础CSS入门教程》电子书,点击https://developer.aliyun.com/ebook/download/2 下载完整版

    2022-03-25 12:27:51
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
阿里云开发者社区官方技术圈,用户产品功能发布、用户反馈收集等。
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载