养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

CSS中颜色定义方式

时间:2024-11-10 15:26:58

针对CSS颜色这部抵足谛垴分,读者可以去了解下三原色模型(即RGB模型)这里笔者把CSS中颜色定义方式归类为三种(如有不足或缺失,欢迎大家留言指正),第一种:颜色名称第二种:RGB方式第三种:十六进制方式

CSS中颜色定义方式

工具/原料

文本编辑器

浏览器

方法/步骤

1、颜色名称:这种方式最简单,但是也有弊端,只能指定常用色,如:red,blue,green等,对色彩区分要求较高时,则不能使用这种方式

CSS中颜色定义方式

2、RGB方式:a、使用十进制分别指定R、G、B的值,取值范围为0~255例如rgb(0,0,0)表示黑色

CSS中颜色定义方式

3、b、也可使用百分比来指定RGB的值,取值范围为0%-100%例如:rgb(0%,0%,0%)表示黑色

CSS中颜色定义方式

4、使用十六进制数表示:以#开头,每两位表示一个色值以00-ff来分别表示出R、G、B的值,这里00颍骈城茇-ff为十六进制数换算成十进制对应为:1-255例如:#000000表示黑色,#ffffff表示白色

CSS中颜色定义方式

5、PS:推荐使用最后两种方式:有很多类似在线颜色码值转换的网站,读者可以查看下

CSS中颜色定义方式

CSS中颜色定义方式

© 一点知识