用CSS讓表格返轉(zhuǎn)的代碼 IE only
更新時(shí)間：2007年03月26日 00:00:00 作者：
返轉(zhuǎn)90或180度應(yīng)理解為“翻轉(zhuǎn)90或180度”，用鏡像翻轉(zhuǎn)濾鏡fliph,flipv.
一個(gè)表格原地不動(dòng)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格沿X軸水平鏡像翻轉(zhuǎn)(90度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: fliph;"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格沿Y軸垂直鏡像翻轉(zhuǎn)(180度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: flipv;"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
table{FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);}
旋轉(zhuǎn)角度濾鏡
一個(gè)表格原地不動(dòng)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格順時(shí)針旋轉(zhuǎn)90度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格順時(shí)針旋轉(zhuǎn)180度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格順時(shí)針旋轉(zhuǎn)270度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
一個(gè)表格原地不動(dòng)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格沿X軸水平鏡像翻轉(zhuǎn)(90度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: fliph;"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格沿Y軸垂直鏡像翻轉(zhuǎn)(180度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: flipv;"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
table{FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);}
旋轉(zhuǎn)角度濾鏡
一個(gè)表格原地不動(dòng)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格順時(shí)針旋轉(zhuǎn)90度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格順時(shí)針旋轉(zhuǎn)180度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
<br>表格順時(shí)針旋轉(zhuǎn)270度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);"><tr><td align="center">一個(gè)簡單的表格</td></tr></table>
相關(guān)文章
層自動(dòng)適應(yīng)高度...2006-11-11
非常漂亮的Div+CSS布局入門教程...2007-03-03
最近發(fā)現(xiàn)好多用margin-top實(shí)現(xiàn)的，上邊距效果一直沒有，一直都不知道什么原因，今天偶然看到了，特分享給大家2008-11-11
IE6因?yàn)榫幋a問題無法正確解析CSS文件2008-12-12
針對瀏覽器隱藏CSS之獨(dú)孤九劍...2007-03-03
讓用戶自己控制網(wǎng)頁字體的大小的css書寫方法...2007-09-09
BUTTON和INPUT的區(qū)別...2007-02-02
css結(jié)合filter實(shí)現(xiàn)的鼠標(biāo)滑過圖片效果代碼2008-06-06
css也瘋狂! 用background 插入flash播放器
css也瘋狂! 用background 插入flash播放器...2007-01-01
引用字體時(shí)圖標(biāo)無法顯示_字體文件不存在問題
最近一個(gè)項(xiàng)目，css,js等靜態(tài)資源做了cdn部署，瀏覽網(wǎng)站時(shí)發(fā)現(xiàn)font?awesome字體圖標(biāo)通通不能正常顯示。只有一些奇怪的符號(hào)。瀏覽器控制臺(tái)報(bào)錯(cuò)信息：font-face引用字體跨域。2023-06-06