网络编程 
首页 > 网络编程 > 浏览文章

用CSS让表格返转的代码 IE only

(编辑:jimmy 日期: 2024/11/7 浏览:3 次 )
返转90或180度应理解为“翻转90或180度”,用镜像翻转滤镜fliph,flipv.
一个表格原地不动<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一个简单的表格</td></tr></table>

<br>表格沿X轴水平镜像翻转(90度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: fliph;"><tr><td align="center">一个简单的表格</td></tr></table>

<br>表格沿Y轴垂直镜像翻转(180度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: flipv;"><tr><td align="center">一个简单的表格</td></tr></table>

table{FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);}
旋转角度滤镜
一个表格原地不动<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一个简单的表格</td></tr></table>

<br>表格顺时针旋转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">一个简单的表格</td></tr></table>

<br>表格顺时针旋转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">一个简单的表格</td></tr></table>

<br>表格顺时针旋转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">一个简单的表格</td></tr></table>

上一篇:做网页经常要注意的常识 整理收集
下一篇:IE和FIREFOX下CSS的区别与解决方法第1/2页
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。