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>フィルター: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');<br>背景: -moz-linear-gradient(top, #FF0000, #F9F900) ;<br>背景: -o-linear-gradient(top,#FF0000, #F9F900);<br>背景: -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>フィルター: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='1');<br>背景: -moz-linear-gradient(left, #FF0000, # F9F900);<br>背景: -o-linear-gradient(left,#FF0000, #F9F900);<br>背景: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#FF0000), to( #F9F900));<br>}<br>http://www.999jiijiu.com/CSS垂直渐变CSS水平渐变