CSS线性渐变 <br />.test1{<br />width: 200px;<br />height: 80px;<br />text-align: center;<br />line-height: 80px;<br />margin-bottom: 10px;<br />color: White;<br />font-size: 20px;<br />filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');<br />background: -moz-linear-gradient(top, #FF0000, #F9F900);<br />background: -o-linear-gradient(top,#FF0000, #F9F900);<br />background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF0000), to(#F9F900));<br />}<br />.test2{<br />width: 200px;<br />height: 80px;<br />text-align: center;<br />line-height: 80px;<br />margin-bottom: 10px;<br />color: White;<br />font-size: 20px;<br />filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='1');<br />background: -moz-linear-gradient(left, #FF0000, #F9F900);<br />background: -o-linear-gradient(left,#FF0000, #F9F900);<br />background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#FF0000), to(#F9F900));<br />}<br /> http://www.999jiujiu.com/ CSS垂直渐变 CSS水平渐变
