CSS實(shí)現(xiàn)表格的背景兩色漸變
更新時(shí)間:2006年08月07日 00:00:00 作者:
原理是使用Alpha 濾鏡在每個(gè)表格上加上一個(gè)透明漸變,由table的背景顏色控制,單個(gè)td控制另一色漸變
Alpha 濾鏡
語(yǔ)法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);
'Alpha'屬性是把一個(gè)目標(biāo)元素與背景混合。設(shè)計(jì)者可以指定數(shù)值來(lái)控制混合的程度。這種“與背景混合”通俗地說(shuō)就是一個(gè)元素的透明度。通過(guò)指定坐標(biāo),可以指定點(diǎn)、線(xiàn)、面的透明度。他們的參數(shù)含義分別如下:
“opacity'代表透明度水準(zhǔn)。默認(rèn)的范圍是從0 到 100,他們其實(shí)是百分比的形式。也就是說(shuō),0代表完全透明,100代表完全不透明?!眆inishopacity'是一個(gè)可選參數(shù),如果想要設(shè)置漸變的透明效果,就可以使用他們來(lái)指定結(jié)束時(shí)的透明度。范圍也是0 到 100?!皊tyle' 參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀、1代表線(xiàn)形、2代表放射狀、3代表長(zhǎng)方形?!盨TARTX“和”STARTY“代表漸變透明效果的開(kāi)始X和Y坐標(biāo)?!盕INISHX“和”FINISHY“代表漸變透明效果結(jié)束X和Y 的坐標(biāo)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
Alpha 濾鏡
語(yǔ)法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);
'Alpha'屬性是把一個(gè)目標(biāo)元素與背景混合。設(shè)計(jì)者可以指定數(shù)值來(lái)控制混合的程度。這種“與背景混合”通俗地說(shuō)就是一個(gè)元素的透明度。通過(guò)指定坐標(biāo),可以指定點(diǎn)、線(xiàn)、面的透明度。他們的參數(shù)含義分別如下:
“opacity'代表透明度水準(zhǔn)。默認(rèn)的范圍是從0 到 100,他們其實(shí)是百分比的形式。也就是說(shuō),0代表完全透明,100代表完全不透明?!眆inishopacity'是一個(gè)可選參數(shù),如果想要設(shè)置漸變的透明效果,就可以使用他們來(lái)指定結(jié)束時(shí)的透明度。范圍也是0 到 100?!皊tyle' 參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀、1代表線(xiàn)形、2代表放射狀、3代表長(zhǎng)方形?!盨TARTX“和”STARTY“代表漸變透明效果的開(kāi)始X和Y坐標(biāo)?!盕INISHX“和”FINISHY“代表漸變透明效果結(jié)束X和Y 的坐標(biāo)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
相關(guān)文章
CSS重新定義項(xiàng)目符號(hào)和編號(hào)技巧
CSS重新定義項(xiàng)目符號(hào)和編號(hào)技巧...2006-09-09
利用模糊實(shí)現(xiàn)視覺(jué)3D效果實(shí)例講解
這篇文章主要介紹了利用模糊實(shí)現(xiàn)視覺(jué)3D效果實(shí)例,文中運(yùn)用代碼和圖片講解相關(guān)知識(shí)非常詳細(xì),感興趣的小伙伴一起來(lái)看看吧2021-09-09
HTML相關(guān)知識(shí)點(diǎn)總結(jié)
本文詳細(xì)總結(jié)了HTML的相關(guān)知識(shí)點(diǎn),有助于大家初步的學(xué)習(xí)或之后的復(fù)習(xí),感興趣的小伙伴一起來(lái)看看吧,可以參考一下2021-08-08

