gpt4 book ai didi

css - CSS 中的圆弧边框

转载 作者:行者123 更新时间:2023-11-28 04:11:00 26 4
gpt4 key购买 nike

我正在尝试在 div/panel 的右边界制作弧形,请告诉我是否有任何方法可以做到这一点。附件是模型的快照。 enter image description here

最佳答案

您可以在 CSS 中达到这种效果。示例如下。

.wrap {
position: relative;
width: 100px;
height: 400px;
background-color: pink;
overflow: hidden;
}

.wrap::before {
content:'';
width: 300px;
height: 600px;
position: absolute;
border-radius: 50%;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left:-280px;
background-color: tomato;
}

.wrap::after {
content:'';
width: 300px;
height: 600px;
position: absolute;
border-radius: 50%;
top: 50%;
left: 50%;
margin-top: -280px;
margin-left:-290px;
background-color: white;
}
<div class="wrap">
</div>

关于css - CSS 中的圆弧边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42712500/

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