老师帮忙检查下

来源:2-11 编程练习

梦小小

2021-03-06 21:37:49

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>边框</title>

    <style>

       /*补充代码*/

       .bd1{width:0;

           height:0;

           border:60px solid transparent;

           border-left-color:red;

           border-radius:50px;

           position:relative;

       }

       .bd2{width:0;

           height:0;

           border:60px solid transparent;

           border-right-color:red;

           border-radius:50px;

           position:absolute;

           left:-10px;

           top:10px;

       }

    </style>

</head>


<body>

    <div class="box">

        <div class="bd1"></div>

        <div class="bd2"></div>

    </div>

</body>


</html>


写回答

1回答

好帮手慕慕子

2021-03-07

同学你好,效果实现是正确的,建议优化:可以将样式相同的代码使用组合选择器书写在一起,简化代码书写。示例:

http://img.mukewang.com/climg/604430e609b1528607090789.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程