CSS 3 颜色属性

======================================================================================

CSS 3 颜色属性

1. rgba (rgb, a(透明度))；

2. HSL （色相[0-360]，饱和度[0-100%]，亮度[0-100%]）

3. HSLa

=====================================================================================

opacity ----- 设置不透明度 [0-1]

****一个元素的opacity属性会应用到这个元素本身以及这个元素所有的子孙元素上

=====================================================================================

颜色渐变

1.线性渐变

background: linear-gradient(to bottom, red ,yellow);

//渐变方向/角度，第一种颜色，第二种颜色,...

关键字表示方向： left,right,top,bottom;

left top, right top, left bottom, right bottom

用数字表示角度： 0--360 单位 deg

2.径向渐变

background: radial-gradient(渐变形状（可选）、大小 at 位置，颜色一，颜色二)；

渐变形状：circle(圆形) 、 ellipse（椭圆形—默认）

大小：长度（px）\ 百分数（80% 20%）

位置：center\left\right\bottom\top\top left\top right\bottom left\bottom right

转载于:https://blog.51cto.com/11562329/1773787

CSS 3 颜色属性相关推荐

css中背景颜色用哪个,CSS 背景颜色
颜色背景 CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分. 在css3中可以通过background ...
CSS颜色属性、文本文字属性、属性继承
html零基础必看--html入门,编程就是如此简单第六章:颜色属性.文本文字属性一.颜色样式(颜色取值法) 1.颜色属性值取值方法二.字体样式 1. color 文字颜色 2.font-siz ...
CSS边框、边距、轮廓（边框宽度/颜色/各边/简写属性/圆角边框/内外边距/高度宽度/框模型/轮廓宽度/颜色/属性/偏移）——万字长文|一文搞懂
目录 CSS边框 CSS 边框属性 CSS 边框样式实例 CSS 边框宽度实例特定边的宽度实例 CSS 边框颜色实例特定边框的颜色实例 HEX 值实例 RGB 值实例 HSL 值实 ...
CSS中的颜色值与颜色属性
文章目录颜色模型 CSS颜色值的类型颜色名称 rgb[a] rgba的新写法 CSS元素的透明度 hex十六进制值 hsl[a] 颜色值关键字 transparent currentColor C ...
CSS（一）文字/文体属性、颜色属性和选择器合集
一.规定文字的属性: 属性类型取值快捷键注意点文字样式 italic: 倾斜 normal:正常,默认就是正常 fs font-style: italic; fsn font-style: n ...
CSS的浮动属性，CSS颜色基本样式
前言校招 -1 年这个阶段还属于成长期,更需要看重的是你的基础和热情.对于 JS 基础,计算机基础,网络通信,算法等部分的要求会相对高一些.毕竟这个阶段比较难考察你的业务项目中的沉淀,所以只能从基 ...
css 背景颜色默认,CSS 基础——颜色和背景属性
日常打卡,CSS 基础第二部分:颜色和背景属性.主要介绍了如何使用 CSS 样式设置元素的颜色.背景颜色和背景图像. 1.颜色属性 color color属性用来设置指定元素的颜色,颜色值是一个关键字 ...
推荐几个比较好看的CSS颜色属性搭配
在数据列表中,因为某些属性或状态的数据用户需要用特殊的颜色警示或标识,如果直接使用red或green等颜色,其实太艳了,而且还比较刺眼,特别是那一片大红色,诶,刺瞎老夫双眼了. #FFB5B5 #A2 ...
巧用CSS的Border属性
. 作者:冯永曜来源:黄山村夫制作过网页的人都有为画线而烦恼的经历,本文介绍的小技巧也许对你有所帮助.我们先来认识一下"Border"(画边框),它是CSS的一个属性,用它可以 ...
CSS中float属性详解
首先我们了解到,CSS网页布局的原理,就是按照HTML代码中对象声明的顺序,以流布局的方式来显示它,而流布局就不得不说到float浮动技术..在HTML中的所有对象,默认分为两种:块元素(block ...

CSS 3 颜色属性

CSS 3 颜色属性相关推荐

最新文章

热门文章