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