正文

Css如何画一个爱心

米耀华
米耀华 V管理员 /0 评论 /490 阅读
1124

image.png

css样式区域

 <style>
        * {
            margin: 0;
            padding: 0;
        }

        .main {
            width: 200px;
            height: 180px;
            background-color: red;
            margin: 100px auto;
        }

        .left,
        .right {
            width: 100px;
            height: 160px;
            background-color: pink;
            float: left;
            border-radius: 50px 50px 0 0;
        }

        .left {
            transform: translateX(28px) rotate(-45deg);
        }

        .right {
            transform: translateX(-28px) rotate(45deg)
        }
    </style>

HTML

<body>
    <div class="main">
        <div class="left"></div>
        <div class="right"></div>
    </div>
</body>


转载请注明出处：米耀华博客