老师好,帮看下代码有无可优化的地方,代码逻辑有没有问题
来源：2-11 编程练习
a早安
2021-03-17 17:47:28
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>边框</title>
<style>
*{
margin:0;
padding:0;
}
/*补充代码*/
.bd1{
border-left:100px solid red;
border-top:100px solid transparent;
border-right:100px solid transparent;
border-bottom:100px solid transparent;
border-radius:80px;
}
.bd2{
position:absolute;
top:0;
left:-23px;
border-right:100px solid red;
border-top:100px solid transparent;
border-left:100px solid transparent;
border-bottom:100px solid transparent;
border-radius:80px;
}
</style>
</head>
<body>
<div class="box">
<div class="bd1"></div>
<div class="bd2"></div>
</div>
</body>
</html>
1回答
-
同学你好，代码逻辑没有问题，有处小问题可以优化：
bd2是绝对定位，如果给它的父元素.box设置相对定位会更规范：
祝学习愉快!
0
相似问题