对于背景的设置一般是元素的背景和元素变宽的背景
涉及属性:border-color、background-color ,也可直接去border、background
取值:
直接颜色
可直接赋予颜色英文名称(black)
HEX(#000、#000000)按三组分为红绿蓝,每个数值从0~f
RGB (0,0,0) 每个值从0~255
RGBA (0,0,0,1) 最后一位是背景颜色的透明度,最大值为1,最小值为0
HEL (0,50%,50%) H 0或360代表红色,120代表绿色,240代表蓝色;E代表饱和度;L代表亮度
HELA
transparent:代表全透明颜色
渐变颜色
linear-gradient(to 方向,开始颜色,结束颜色)
方向也可以填写为0deg它们的度数表示值;颜色可以填写为多个,可以定义颜色的长度和百分比
linear-gradient(to top ,#000 0%,#010)
在谷歌浏览器中许使用如下:
-webkit-gradient(type,x1 y1,x2 y2,from(rgb),to(rgb) [,color-stop(位置偏移位置,rgb)])
https://segmentfault.com/a/1190000008243943
在IE浏览器中使用如下:
progid:DXImageTransform.Microsoft.gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth,gradientType=1);
Filter的使用:https://www.w3cplus.com/css3/advanced-css-filters.html