css 实现平行四边形
<!DOCTYPE html>
<html>
<head> <meta charset="UTF-8">
<title>平行四边形</title>
<style type="text/css">
.parallelogram {
width: 200px;
height: 120px;
transform:skew(-30deg); /*设置倾斜度为-30*/
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform:skew(-30deg);
-ms-transform:skew(-30deg);
background-color: red; margin: 50px auto;
}
</style>
</head>
<body>
<div class="parallelogram"></div>
</body>
</html>