gpt4 book ai didi

html - 如何用div和css创建一个圆弧的边?

转载 作者:行者123 更新时间:2023-12-05 08:03:33 25 4
gpt4 key购买 nike

<分区>

我尝试创建一个这样的元素:

enter image description here

我无法根据直径创建一段圆弧,通过玩弄 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>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com