图像div底部的曲线

Question

我想在CSS中使用border-radius绘制此曲线。 我尝试了使用border-radius的不同选项，但无法获得成功。

提前感谢您的帮助。

Answer 1

一个SVG解决方案可能类似于：

＆＃13;

＆＃13;

<svg id="svg" version="1.1" width="400" height="50" style="display: block;" xmlns="http://www.w3.org/2000/svg">
  <g id="svgg">
    <path id="path0" d="M 0 29.342 C 0 29.342 32.3 33.254 34.5 33.52 C 48.245 35.186 84.982 36.994 105 36.991 C 142.726 36.985 173.069 33.939 229 24.544 C 284.522 15.218 290.649 11.618 391.5 9.71 L 399.081 9.645 L 399.11 0 L 0 0" fill-rule="evenodd" style="fill: rgb(62, 73, 160);"/>
  </g>
</svg>

＆＃13;

＆＃13;

＆＃13;

您可以将此代码粘贴到HTML文档中，或使用.svg扩展名保存，并用作常规图像。希望这项工作。