css - CSS 中的略微 flex 的边框

Question

我试图在 css 中创建一个边框，这样我的图像就可以在右侧获得这个 flex 的边。



我试过只使用 border-radius: 0 0 50% 0 但在示例图像中看起来不太像。

有什么想法吗？

Answer 1

尝试给出以px为单位的值。并将图像设置为 div 的背景图像。

#my{
  border:solid 2px red;
  width:200px;
  height:200px;
  border-radius:0 0 100px 0;
  background-image:url('https://cdn.sstatic.net/Sites/stackoverflow/img/sprites.svg?v=1b3cdae197be');
}

<div id="my">
</div>