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ù)值來控制混合的程度。這種“與背景混合”通俗地說就是一個元素的透明度。通過指定坐標，可以指定點、線、面的透明度。他們的參數(shù)含義分別如下：
“opacity'代表透明度水準。默認的范圍是從0 到 100，他們其實是百分比的形式。也就是說，0代表完全透明，100代表完全不透明?！眆inishopacity'是一個可選參數(shù)，如果想要設(shè)置漸變的透明效果，就可以使用他們來指定結(jié)束時的透明度。范圍也是0 到 100?！皊tyle' 參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長方形?！盨TARTX“和”STARTY“代表漸變透明效果的開始X和Y坐標。”FINISHX“和”FINISHY“代表漸變透明效果結(jié)束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ù)值來控制混合的程度。這種“與背景混合”通俗地說就是一個元素的透明度。通過指定坐標，可以指定點、線、面的透明度。他們的參數(shù)含義分別如下：
“opacity'代表透明度水準。默認的范圍是從0 到 100，他們其實是百分比的形式。也就是說，0代表完全透明，100代表完全不透明?！眆inishopacity'是一個可選參數(shù)，如果想要設(shè)置漸變的透明效果，就可以使用他們來指定結(jié)束時的透明度。范圍也是0 到 100?！皊tyle' 參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長方形?！盨TARTX“和”STARTY“代表漸變透明效果的開始X和Y坐標。”FINISHX“和”FINISHY“代表漸變透明效果結(jié)束X和Y 的坐標。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
這篇文章主要介紹了推薦一個好看Table表格的css樣式代碼詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08
CSS重新定義項目符號和編號技巧...2006-09-09
CSS之自動換行...2006-09-09
這篇文章主要介紹了利用模糊實現(xiàn)視覺3D效果實例，文中運用代碼和圖片講解相關(guān)知識非常詳細，感興趣的小伙伴一起來看看吧2021-09-09
本文詳細總結(jié)了HTML的相關(guān)知識點，有助于大家初步的學習或之后的復習，感興趣的小伙伴一起來看看吧，可以參考一下2021-08-08
CSS3中的過渡Transition有四個中心屬性：transition-property、transition-duration、transition-delay和transition-timing2014-05-05
CSS代碼縮寫技巧...2006-09-09
相對路徑與絕對路徑的區(qū)別...2006-09-09
學習CSS的10大理由...2006-08-08
微軟終于對網(wǎng)頁三劍客下手了...2006-09-09