【图形】CSS绘制平行四边行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <base target="_blank" /> <title>三十客 - 【图形】CSS绘制平行四边行</title> <style> #parallelogram { width: 200px; height: 150px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background: red; margin: 40px 0 0 60px; } </style> </head> <body> <div id="parallelogram"></div> </body> </html>