您的位置:首页 > Web前端 > CSS

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%);
}
阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: