老师，这样对吗？

来源：2-11 编程练习

愁啥

2021-02-03 09:57:03

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>边框</title>
    <style>
        /*补充代码*/
        *{
            margin:0;
            padding:0;
        }
        .bd1{
            /*float:left;*/
            width: 0;
            height: 0;
            /* transparent 透明色 */
            border: 100px solid transparent;
            border-left-color: red;
            border-top-left-radius:70px;
            /*border-top-right-radius:50px;*/
            border-bottom-left-radius:70px;
            /*border-bottom-right-radius:50px;*/
        }
        .bd2{

            width: 0;
            height: 0;

            /* transparent 透明色 */
            border: 100px solid transparent;
            border-right-color: red;
            /*border-top-left-radius:70px;*/
            border-top-right-radius:70px;
            /*border-bottom-left-radius:70px;*/
            border-bottom-right-radius:70px;
            position:absolute;
            top:0;
            left:-20px;
        }
    </style>
</head>

<body>
    <div class="box">
        <div class="bd1"></div>
        <div class="bd2"></div>
    </div>
</body>

</html>