CSS3新特性---应用多重背景和使用渐变背景

应用多重背景

1. 输入background-color:b，这里b是指希望元素应用的备用颜色
2. 输入background-image：u，u，u，这里的u是url列表，中间用逗号隔开
3. 输入background-position：p，p，p，这里的p是成对的x-offset和y-offset，用逗号分隔
4. 输入background-repeat:r，r，r，，指的是repeat-x、repeat-y、no-repeat，用逗号分隔

使用渐变背景

可以创造一个颜色到另一个颜色的过渡

1. 创建备用背景颜色backgroud:color
2. 定义线性渐变
   background:linear-gradient()
   括号里是：方向，开始颜色，结束颜色
   方向可以是to top、to right、to left、to buttom right、to buttom left、to top right、to top left(默认不写就是从上到下)，或者是角度值45deg、0deg（to top）、90deg(to right)、180deg(默认)、270deg(to left)
3. 定义径向渐变
   background:radial-gradient()
   – 指定渐变的形状。可以使circle或ellipse或者不写
   – 指定渐变的尺寸。可以是一个值（指代高度宽度），可以是一对值（高度 宽度），或者是clisest-side、farthest-side、closest-corner或farthest-corner（这些值都是相对渐变正中心，渐变可以伸展到多大的空间），不写默认farthest-side
   – 指定渐变的位置。可以是at top、at right、at left、at bottom right、等等表示渐变中心位置，或者at 200px 43px、at 33% 70%指代渐变中心位置的一对坐标，或者不学默认是元素中心
   – 然后指定颜色从什么颜色到什么颜色。

为元素设置不透明度

opacity：o属性，这里o表示元素不透明程度，两位小数，不带单位（0-1）