用CSS3绘制一个爱心

<!DOCTYPE html>

<html lang=”en”>

<head>

    <meta charset=”UTF-8″>

    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

    <title>爱心</title>

    <style>

        * {

            margin: 0px;

            padding: 0px;

        }

        .wrap {

            transform: rotate(45deg); 

            margin: 300px;  

        }

        .box {

            width: 100px;

            height: 100px;

            border: 1px solid red;

            background-color: red;

        }

        .div1 {

            margin: 300px 0px 0px 300px;

            border-radius: 100%;

            float: left;

        }

        .div2 {

            margin: 250px 0px 0px 0px;

            border-radius: 100%;

            float: left;

            position: relative;

            right: 50px;

        }

        .div3 {

            margin: 300px 0px 0px 0px;

            float: left;

            position: relative;

            right: 152px;

        }

    </style>

</head>

<body>

    <div class=”wrap”>

        <div class=”box div1″></div>

        <div class=”box div2″></div>

        <div class=”box div3″></div>

    </div>

</body>

</html>

https和http的区别
« 上一篇 2020年11月4日 上午12:00
CSS行高——line-height
下一篇 » 2020年11月4日 上午12:00