css做漸層背景色集結

css-body背景漸層色的CSS一、從上往下漸層 body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、從左上至右下漸層 body{ FILTER: Alpha( style=1,opacity=25,finishOpacity=100, startX=50,finishX= 100,startY=50,finishY=100); background-color: skyblue; } 三、從左往右漸層 body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000); } 四、從上往下漸層 style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"  


怎麼設定網頁背景為漸層色？ 　　從上到下漸層和從左至右漸層的方法一樣。
　　只不過在CSS把repeat-y換成repeat-x
　　repeat-x的意思就是沿著x軸平鋪圖片的意思。
　　--
　　網頁背景色漸層
　　情況一：
　　是用一個1像素高的，200像素寬的
　　細長圖片平鋪出來的。
　　比如CSS代碼
　　body{background:rul(tupian.jpg) #FFF repeat-y;}
　　情況二：
　　或者是1像素寬，200像素高的圖片平鋪出來的。
　　body{background:rul(tupian.jpg) #FFF repeat-x;}
　　。
　　上面兩個情況裡的圖片的200寬是假設的。
　　你可以做成100寬也沒什麼。
　　比如網頁是780像素寬。我用第一個情況，
　　我那長1像素高的細長圖片是由粉紅過度到純白
　　左麵粉紅，右面純白。
　　然後把網頁背景色設定成純白#FFF，
　　這樣左面200像素是圖片平鋪產生的粉紅。
　　到200像素以後是背景色白。
　　讀者看起來是網頁左面是粉紅，均勻的漸層到右面。
　　--
　　關鍵：網頁寬度是780像素，而我做的圖片是200像素。
　　網頁左面的200像素是圖片平鋪產生的顏色，
　　而其餘的580像素是背景色設定出來的。
　　--
　　用photoshop做圖片的時候，要把漸層的一面色設定成
　　網頁的背景色。
　　這樣讀者在網頁上就看起來很自然了。
　　而且不會出現由於顯示器螢幕大小不同，圖片要改的問題