2-11 边框圆角

来源:2-11 编程练习

慕移动4506339

2021-11-13 17:32:09

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>边框</title>
    <style>
        .bd1{
            width:0;
            height:0;
            border:100px solid transparent;
            border-left-color:red;
            border-radius:500px;
        }
        .bd2{
            width:0;
            height:0;
            border:100px solid transparent;
            border-right-color:red;
            position:absolute;
            top: 10px;
            left:0px;
            border-radius:500px;
        }
        
    </style>
</head>
<body>
    <div class="box">
        <div class="bd1"></div>
        <div class="bd2"></div>
    </div>
</body>
</html>

老师 检查下代码是否有问题

写回答

1回答

好帮手慕小李

2021-11-13

       

同学你好,这道题答案没有唯一,能实现就很棒,但美中不足的是,“蝴蝶结”的中间部分有些许没对齐。

https://img.mukewang.com/climg/618f894909d645fb02150185.jpg

优化如下:

https://img.mukewang.com/climg/618f895f093b058603310195.jpg

祝学习愉快~

   
0

0 学习 · 15276 问题

查看课程