CSS3 渐变背景色各种方向 兼容IE9+
背景色,除了纯色以外,还能够使用多种颜色组合成为渐变背景色,使页面丰富。 渐变背景分为两种: 1、线性渐变; 2、环形渐变; 线性渐变 线性渐变分为:横向、纵向、对角渐变三种渐变 语法 : <linear-gradient> = linear-gradient([ [ <angle>| to <aside-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-or-corner> = [left | right] || [top | bottom] <color-stop> = <color> [ <length> | <percentage> ]? <angle>:用角度值指定渐变的方向。 to left:设置渐变为从右到左; to right:设置渐变为从左到右; to top:设置渐变为从下到上; to bottom:设置渐变为从上到下; <color-stop> :设置指定渐变的起止颜色 <color>:指定颜色 <length>:用长度值指定起止色位置。不允许负值 <percentage>:用百分比指定起止色位置。 background:linear-gradient(参数1,参数2,参数3,参数4....参数N) 参数1:可填可不填,填写的话写方向 如:to right,就是渐变方向由左到右,不填写默认从上到下渐变。