CSS實現(xiàn)表格的背景兩色漸變
更新時間:2006年08月07日 00:00:00 作者:
原理是使用Alpha 濾鏡在每個表格上加上一個透明漸變,由table的背景顏色控制,單個td控制另一色漸變
Alpha 濾鏡
語法:{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'屬性是把一個目標元素與背景混合。設計者可以指定數(shù)值來控制混合的程度。這種“與背景混合”通俗地說就是一個元素的透明度。通過指定坐標,可以指定點、線、面的透明度。他們的參數(shù)含義分別如下:
“opacity'代表透明度水準。默認的范圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明?!眆inishopacity'是一個可選參數(shù),如果想要設置漸變的透明效果,就可以使用他們來指定結束時的透明度。范圍也是0 到 100?!皊tyle' 參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長方形?!盨TARTX“和”STARTY“代表漸變透明效果的開始X和Y坐標。”FINISHX“和”FINISHY“代表漸變透明效果結束X和Y 的坐標。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
Alpha 濾鏡
語法:{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'屬性是把一個目標元素與背景混合。設計者可以指定數(shù)值來控制混合的程度。這種“與背景混合”通俗地說就是一個元素的透明度。通過指定坐標,可以指定點、線、面的透明度。他們的參數(shù)含義分別如下:
“opacity'代表透明度水準。默認的范圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明?!眆inishopacity'是一個可選參數(shù),如果想要設置漸變的透明效果,就可以使用他們來指定結束時的透明度。范圍也是0 到 100?!皊tyle' 參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長方形?!盨TARTX“和”STARTY“代表漸變透明效果的開始X和Y坐標。”FINISHX“和”FINISHY“代表漸變透明效果結束X和Y 的坐標。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
重新認識表格和一個訪問無障礙的數(shù)據(jù)表格例子
重新認識表格和一個訪問無障礙的數(shù)據(jù)表格例子...2006-09-09小區(qū)后臺管理系統(tǒng)項目前端html頁面模板實現(xiàn)示例
這篇文章主要為大家介紹了java項目開發(fā)小區(qū)后臺管理系統(tǒng)前端頁面模板的示例代碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步2021-11-11