CSS颜色的四种写法
文章目录
- 1. 关键字
- 2. 十六进制
- 3. RGB
- 4. rgba
1. 关键字
可直接输入颜色的英文拼写单词
border-color: red;
2. 十六进制
所有浏览器都支持十六进制颜色值
十六进制颜色是这样规定的:
#RRGGBB
其中的 RR(红色)、GG(绿色)、BB(蓝色)十六进制整数规定了颜色的成分。
所有值必须介于 0 与 FF 之间。
举例说 #0000ff
值显示为蓝色,这是因为蓝色成分被设置为最高值(ff),而其他成分被设置为 0。
border-color: #0000ff;
3. RGB
所有浏览器都支持 RGB 颜色值
RGB 颜色值是这样规定的:
rgb(red, green, blue)
每个参数 (red、green 以及 blue) 定义颜色的强度,可以是介于 0 与 255 之间的整数,或者是百分比值(从 0% 到 100%)。
举例说 rgb(0,0,255)
值显示为蓝色,这是因为 blue 参数被设置为最高值(255),而其他被设置为 0。
同样地,下面的值定义了相同的颜色:
rgb(0,0,255)
和 rgb(0%,0%,100%)
。
border-color: rgb(255,0,0);
4. rgba
以下浏览器支持 rgba 颜色:
IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+
颜色值是 RGB 颜色值的扩展,带有一个 alpha
通道,它规定了对象的不透明度 。
颜色值是这样规定的:
rgba(red, green, blue, alpha)
alpha 参数是介于 0.0(完全透明)与 1.0(完全不透明)的数字。
值得一提的是,当设置透明度的时候,可以写 0 也可以不写 0
例如:
rgba(255, 0, 0, 0.5)
rgba(255, 0, 0, .5)
这两个效果其实都是一样的
border-color: rgba(255, 0, 0, 1)
参考资料:
w3c:CSS 合法颜色值
CSS颜色的四种写法相关推荐
- CSS颜色的6种写法
可以用以下方法来规定 CSS 中的颜色: 十六进制色.RGB 颜色.RGBA 颜色.英文名颜色.HSL 颜色.HSLA 颜色.预定义/跨浏览器颜色名 hex_number使用十六进制颜色: 最常用,所 ...
- HTML5学习_day01(6)--html颜色的几种写法
颜色的几种写法 1.颜色第一种写法:用颜色名来表示,red,blue,green,pink,dark,yellow等 background-color: green; 效果: 2.颜色第二种写法:通过 ...
- 通达信指标公式颜色代码的四种写法(COLOR/RGB)
通达信指标公式颜色代码有四种写法,分别为COLOR+颜色的英文.COLOR+十六进制.RGBX+十六进制.RGB(R,G,B).标题有点尴尬,让我想到孔乙己"茴"字的四种写法,哈哈 ...
- matlab 高斯模糊_摸鱼 | 茴香豆的“茴”有四种写法,模糊有几种糊法?
时隔十二天终于等到宋老师的回复后,我拿到了自己的憨憨照片. (后知后觉的宋老师) 刚好考完认知期中(然后三周过去了),便摸个鱼,研究一下Photoshop的使用.今天就整理一下有关模糊的方法. 模糊的 ...
- CSS——CSS样式的几种写法
CSS概念:Cascading Style Sheet,简称为css,中文名称层叠样式表或者级联样式表,主要指的是用来装饰HTML页面的一种技术. 在页面开发的时候,一般CSS有如下几种写法: --& ...
- Android代码规范----按钮单击事件的四种写法
[前言] 按钮少的时候用第三种的匿名内部类会比较快,比如写demo测试的时候或者登陆界面之类. 按钮多的时候一般选择第四种写法. 一.第一种写法:在XML文件中声明onClick属性(很少用) 在XM ...
- SWT事件的四种写法
一.匿名内部类写法 在创建SWT中的HelloWorld插件项目中就是用的这种写法,再次复制如下: button.addSelectionListener(new SelectionAdapt ...
- Android点击事件(click button)的四种写法
在学习android开发和测试的时候发现不同的人对于click事件的写法是不一样的,上网查了一下,发现有四种写法,于是想比较一下四种方法的不同 第一种方法:匿名内部类 代码: package com. ...
- Python中斐波那契数列的四种写法
在这些时候,我可以附和着笑,项目经理是决不责备的.而且项目经理见了孔乙己,也每每这样问他,引人发笑.孔乙己自己知道不能和他们谈天,便只好向新人说话.有一回对我说道,"你学过数据结构吗?&qu ...
最新文章
- 外链对网站SEO优化起什么作用?
- python是一种语言还是一个软件-自动化专业想学一门语言 是学Python 还是Java ?...
- OpenCASCADE:教程概述
- HDU2011 多项式求和
- 《C语言开发从入门到精通》一2.4 技术解惑
- android 画布控件,Android canvas画图操作之切割画布实现方法(clipRect)
- 蓬勃发展的社区将帮助您的项目成功的6种方式
- UISearchBar背景透明,去掉背景,自定义背景
- 草图大师SketchUp2020安装详细教程(官方中文版)
- ‘adb‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
- 【百战GAN】如何使用GAN给黑白老照片上色?
- 夏季刮油蔬菜排行榜,还不赶紧学起来,看看是否有你的“菜”
- 泛泰长短信修改教程(供其他泛泰机型参考)
- 机器视觉学习资料了解
- 微博实时话题和搜索微博实时抓取
- Linux 踩内存 slub,Linux SLUB 内存分配器分析
- 修改wowpc变色龙
- 2019年天猫商家如何通过积分运营来达到用户运营的效果?
- R语言——相关图的绘制
- zookeeper选举和ZAB协议