欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-02-27 20:05:21
返转90或180度应理解为“翻转90或180度”,用镜像翻转滤镜fliph,flipv. 一个表格原地不动
返转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>