平行四边形
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="UTF-8"> <title>css3</title> <style type="text/css"> *{ margin:0; padding: 0; } body{background-color:#000;} .Box { background:#fff; width:400px; position: relative; z-index: 0; margin:200px; transform: skewX(-30deg); padding-left:20px; } .Box p{ line-height: 30px; transform: skewX(30deg); } </style> </head> <body> <div class="Box"> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> <p>1、一提到平行四边形,条件反射般的就会想起CSS </p> </div> </body> </html>