<p>高校博达网站群网站建设制作过程中css背景渐变色代码写法分线性渐变和径向渐变两种方法实现?</p><p>1.线性渐变<br/></p><p>　　height: 200px;</p><p>　　background: -webkit-linear-gradient(yellow, green);</p><p>　　background: -o-linear-gradient(yellow, green));</p><p>　　background: -moz-linear-gradient(yellow, green));</p><p>　　background: linear-gradient(yellow, green));</p><p><br/></p><p>2.径向渐变</p><p>　　height: 150px;</p><p>　　width: 200px;</p><p>　　background: -webkit-radial-gradient(orange, yellow, pink);</p><p>　　background: -o-radial-gradient(orange, yellow, pink);</p><p>　　background: -moz-radial-gradient(orange, yellow, pink);</p><p>　　background: radial-gradient(orange, yellow, pink);</p><p><br/></p><p>3.范例如下:</p><p>　　background-image: linear-gradient( #CD853F, #CD69C9);/* 默认方向自下向上 */</p><p>　　background-image: linear-gradient(to left,#CD853F, #CD69C9);/* 自右向左 */</p><p>　　background-image: linear-gradient(to left,#CD853F 50px, #CD69C9); /* 自右向左 起始颜色在50px位置开始渐变 */</p><p>　　background-image: linear-gradient(to top left,#CD853F , #CD69C9);/* 自右下向左上渐变 */</p><p>　　background-image: linear-gradient(30deg , #CD853F , #CD69C9);/* 30度位置开始渐变 */</p>