代码改变世界

文字旋转效果实现（兼容ie firefox chrome）

2011-04-06 10:18  focusdada  阅读(436)  评论(0)    收藏  举报 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style type="text/css">
.text{
/* for firefox, safari, chrome, etc. */
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
/* for IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
width:100px;
height:100px;
border:1px solid gray;

}
</style>


<body>
    <div class="text">Download</div>
</body>
</html>