css 画弧度

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<style type="text/css">
    .box {
        position: relative;
        width: 100%;
        height: 200px;
        background-color: green;
    }
    .box:after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -100px;
        z-index: -1;
        content: ' ';
        height: 200px;
        width: 100%;
        border-radius: 0 0 50% 50%;
        background-color: green;
    }
</style>
<body>
<div class='box'>

</div>
<script>



</script>

</body>
</html>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/javascript9527/p/15128888.html