css3新增属性(背景)
2018-09-10 18:24
190 查看
1、背景色(纯色)
1.RGB 颜色
background-color:rgb(255,0,0)
2.RGBA 颜色
background-color:rgb(255,0,0,.3)
3.十六进制颜色
background-color:##RRGGBB, 其中的 RR(红色)、GG(绿色)、BB(蓝色)十六进制整数规定了颜色的成分
2.背景色(渐变)
1.线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向(默认从上到下)
background: linear-gradient(direction, color-stop1, color-stop2, ...);
2.径向渐变(Radial Gradients)- 由它们的中心定义(从左到右)
shape 参数定义了形状
background: radial-gradient(center, shape size, start-color, ..., last-color);
颜色结点均匀分布的径向渐变: div { background: -webkit-radial-gradient(circle,blue, green, red); background: -o-radial-gradient(circle,blue, green, red); background: -moz-radial-gradient(circle,blue, green, red); background: radial-gradient(circle,blue, green, red); }
div { background: -webkit-radial-gradient(circle,blue 5%, green 15%, red 60%); background: -o-radial-gradient(circle,blue 5%, green 15%, red 60%); background: -moz-radial-gradient(circle,blue 5%, green 15%, red 60%); background: radial-gradient(circle,blue 5%, green 15%, red 60%); }阅读更多
相关文章推荐
- css3新增背景属性background-clip/background-origin/background-size
- CSS3——新增背景属性和边框样式
- css3中新增的背景属性
- CSS3背景相关新增属性
- CSS3中新增的背景属性
- css3 背景相关的新增属性
- 09、CSS3新增背景属性
- CSS3-新增背景系列background相关属性
- h5-css3新增背景属性
- CSS3新增的有关背景与边框的属性
- CSS3的新增选择器示例-属性选择器
- CSS3 background新增属性用法
- CSS3背景属性和CSS3的渐变
- CSS3背景属性
- [CSS3] 新增属性
- [CSS3] 新增属性用法整理
- css3新增属性
- CSS3新增常用属性
- CSS3中背景的四个新的属性
- CSS3背景渐变属性 linear-gradient(线性渐变)和radial-gradient(径向渐变)