gpt4 book ai didi

css - div 的弧形底部

转载 作者:行者123 更新时间:2023-12-04 19:19:59 24 4
gpt4 key购买 nike

我有一个 div,我想要一个 flex 的底部边框。类似于图像,但不在顶部。我试过使用 border-radius 但它似乎没有创建 flex 的底部。知道如何在不使用背景图像的情况下执行此操作。

enter image description here

最佳答案

您可以将不同 Angular 的 border-radius 的两个值组合起来,如下面的代码片段所示:

.x {
width: 240px;
height: 120px;
background: #fa0;
border-bottom-left-radius: 120px 40px;
border-bottom-right-radius: 120px 40px;

}
<div class="x"></div>

关于css - div 的弧形底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43607693/

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