<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3倾斜skew()方法</title>
<style type="text/css">
/*设置原始元素样式*/
</style>
</head>
<body>
<div id="origin">
<div id="current"></div>
</div>
</body>
</html>
#origin
{
margin-left:100px;/*水平居中*/
}
/*设置当前元素样式*/
#current
{
width:200px;
height:100px;
color:white;
background-color: #3EDFF4;
text-align:center;
transform:skewX(-30deg);
-webkit-transform:skewX(-30deg); /*兼容-webkit-引擎浏览器*/
-moz-transform:skewX(-30deg);/*兼容-moz-引擎浏览器*/
}