css 平行四边形

最新推荐文章于 2023-09-06 19:45:17 发布

agzs70106

最新推荐文章于 2023-09-06 19:45:17 发布

阅读量133

点赞数

原文链接：http://www.cnblogs.com/zjz666/p/11202456.html

版权

平行四边形

<!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>