微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css 平行四边形

平行四边形

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

分享图片

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。