gpt4 book ai didi

html - 反转顶部圆形边框以创建碗效果

转载 作者:行者123 更新时间:2023-11-27 23:32:16 25 4
gpt4 key购买 nike

<分区>

我有一个带圆 Angular 的 div,但我想反转这些圆 Angular 以创建碗效果。

这是我目前拥有的:

html{
background:red;
}

#test {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 150px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
background: blue;
}
<div id="test"></div>

因此,我希望它看起来像:

Border Example

这甚至可以用 CSS 实现吗?

更新

如果还不清楚,“红色”是为了说明页面主体的其余部分,并且需要是透明的

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