CSS背景色漸層

標籤：style   ar   color   os   sp   for   div   art   bs   

 試了下 漸層色  ，主要確定開始位置  結束位置，以及對應的color-stop;  以下是相容不同瀏覽器的程式碼片段   代碼：
<style type="text/css"> 
.jb_keleyi_com{ 
height: 300px; 
width:100px; 
margin:0px auto; 
background-image: -moz-linear-gradient(top, #00FF00, #FF0000); /*Firefox*/
background: -o-linear-gradient(top, #00FF00 0%,red 100%);/*Opera*/
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1,#FF0000)); /*Chrome*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#00FF00‘, endColorstr=‘#FF0000‘, GradientType=‘0‘); /*IE*/
} 
</style> 

用CSS是div色彩坡形：<br />
<div class="jb_keleyi_com">從綠到紅<br /><br />keleyi.com</div> 

CSS背景色漸層