制作一边弯曲的矩形

Question

是否有可能使div与此形状相同,如果是,请分享代码

Answer 1

我会用SVG:http://codepen.io/anon/pen/JdMVXY

<svg>
  <path d="M260 150, 0 150, 0 0, 300 0 Q260 75, 260 150" 
        stroke="transparent" fill="#bd9" />
</svg>

当您定义了框的正确宽高比时,您还可以SVG使用简单的CSS转换来缩放元素(如示例中所示)

结果