<分区>
我尝试创建一个这样的元素:
我无法根据直径创建一段圆弧，通过玩弄 Angular 边缘，它看起来不像我希望的那样。 我的结果:https://codepen.io/yoan-dev/pen/rNJNPPN
.main {
bottom: 0px;
width: 100%;
height: 70px;
background-color: blue;
border-top-left-radius: 100% 80px;
border-top-right-radius: 100% 80px;
}<a href="#">
<div class="main"></div>
</a>最佳答案
你可以试试border-top。
.main {
bottom: 0px;
width: 100%;
height: 70px;
background-color: white;
border-top-left-radius: 100% 80px;
border-top-right-radius: 100% 80px;
border-top: 2px solid #ccc;
}<a href="#">
<div class="main"></div>
</a>关于html - 如何用div和css创建一个圆弧的边？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/72083328/