讓背景html顏色漸變的方法

歡迎大家在這裡學習html顏色漸變!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

css3可以直接設置背景變色。

這是IE的代碼

body

{

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);

}

代碼主要有三個參數，依次是：startcolorstr, endcolorstr, 以及gradientType。

其中gradientType=1代表橫向漸變，gradientType=0代表縱向淅變。startcolorstr=”色彩” 代表漸變漸變起始的色彩，endcolorstr=”色彩” 代表漸變結尾的色彩。

Firefox或是Safari浏覽器的代碼：

filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)

opacity表示透明度，默認的范圍是從0 到 100，finishopacity 是一個可選參數，如果想要設置漸變的透明效果，就可以使用他們來指定結束時的透明度。范圍也是0 到 100。style用來指定透明區域的形狀特征：0 代表統一形狀，1 代表線形，2 代表放射狀，3 代表矩形。startx 漸變透明效果開始處的 X坐標。 starty 漸變透明效果開始處的 Y坐標。 finishx 漸變透明效果結束處的 X坐標。 finishy 漸變透明效果結束處的 Y坐標。

自己試試，這些都是網上有的，我試過，還可以，但是要比較新的浏覽器，IE要IE8以上吧。谷歌浏覽器還好點。我覺得為了IE8以下的浏覽器也能有漸變的效果還是用圖片比較好，畢竟還有很多人用IE6、IE7的

好了，html顏色漸變內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

連接html顏色代碼的方法