老师，这样可以吗？

来源：2-11 编程练习

weixin_慕斯卡1279472

2020-12-02 20:54:19

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>边框</title>
<style>
/*补充代码*/
.box{
position:relative;
}
.bd1{
width: 20px;
border: 100px solid transparent;
border-left-color: red;
border-radius: 80px;
}
.bd2{
width: 20px;
border: 100px solid transparent;
border-right-color: red;
border-radius: 80px;
position: absolute;
top: 0;
left: -40px;
}
</style>
</head>

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

</html>