手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用CSS让表格返转的代码 IE only
用CSS让表格返转的代码 IE only
摘要:返转90或180度应理解为“翻转90或180度”,用镜像翻转滤镜fliph,flipv.一个表格原地不动一个简单的表格表格沿X轴水平镜像翻转...

返转90或180度应理解为“翻转90或180度”,用镜像翻转滤镜fliph,flipv.

一个表格原地不动<br>

<tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"><tr><tdalign="center">一个简单的表格</td></tr></table>

<br>表格沿X轴水平镜像翻转(90度)<br>

<tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"style="FILTER:fliph;"><tr><tdalign="center">一个简单的表格</td></tr></table>

<br>表格沿Y轴垂直镜像翻转(180度)<br>

<tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"style="FILTER:flipv;"><tr><tdalign="center">一个简单的表格</td></tr></table>

table{FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);}

旋转角度滤镜

一个表格原地不动<br>

<tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"><tr><tdalign="center">一个简单的表格</td></tr></table>

<br>表格顺时针旋转90度<br>

<tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"style="FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);"><tr><tdalign="center">一个简单的表格</td></tr></table>

<br>表格顺时针旋转180度<br>

<tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"style="FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);"><tr><tdalign="center">一个简单的表格</td></tr></table>

<br>表格顺时针旋转270度<br>

<tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"style="FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);"><tr><tdalign="center">一个简单的表格</td></tr></table>

【用CSS让表格返转的代码 IE only】相关文章:

用CSS设计网站导航:横向导航

CSS写的简单表格示例

CSS在表格边框上的美学应用

利用CSS生成精美细线Table表格无需复杂style代码

用CSS实现文字的阴影效果

CSS设计网页头部的写法

CSS3正方体旋转示例代码

css让图片等比例缩小的代码

CSS table 单行布局示例代码

CSS控制让每行显示4个图片的样式

精品推荐
分类导航