<html
<head>
<title></title>
<style>
.test
{
margin-left:300px;
margin-top:200px;
width:300px;
height:300px;
border: dashed 2px red;
-ms-transform:rotate(30deg);/*旋转角度单位为deg*/
-ms-transform:translate(10px,20px);/*如果设置margin-left或者margin-top则translate在这基础上添加的位移*/
-ms-transform:skew(1deg,30deg);/*沿 X 和 Y 轴的倾斜后转换*/
}
</style>
</head>
<body>
<div class="test">
</div>
</body>
</html>
原文：http://www.cnblogs.com/zzq-include/p/4452670.html