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>

 

posted @ 2021-08-11 16:30  javascript9527  阅读(551)  评论(0)  编辑  收藏  举报