css 椭圆样式

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style type="text/css">

    .div1 {

        background-color: cyan;

        margin: 30px;

        height: 300px;

    }

    .div2 {

        width: 100px;

        height: 50px;

        background-color: #239587;

        border-radius: 100px / 50px;

    }

    .div3 {

        width: 50px;

        height: 100px;

        background-color: #231587;

        border-radius: 50px /100px;

    }

    </style>

</head>

<body>

    <div class="div1">

        <div class="div2"></div>

        <div class="div3"></div>

    </div>

</body>

</html>
相关文章
