gpt4 book ai didi

html - 是否可以使用 border-radius 实现 flex 的圆形?

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

我不确定是什么形状。我假设它是一个 flex 的圆。下面是示例的屏幕截图。

enter image description here

我希望图像的形状有点像这样。但是尝试使用 border-radius 根本不起作用。有什么方法可以用 CSS 实现这种形状吗?

最佳答案

这是你的答案,你可以通过 border-radius 来实现如果你想自定义它这里是链接 https://9elements.github.io/fancy-border-radius/#34.28.22.33-- .

.border{
height:250px;
width:250px;
border:2px solid black;
border-radius:28% 72% 67% 33% / 34% 22% 78% 66%;
background:yellow;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=">
<title></title>
</head>
<body>
<div class="border"></div>
</body>
</html>

关于html - 是否可以使用 border-radius 实现 flex 的圆形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66712043/

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