Div有特殊的弯曲边

Question

我正在尝试用css创建此图像的底部弯曲边。是否可能以及如何做到这一点？

Answer 1

使用这种方式：

body {padding: 15px;}
.border img {
  border-top-left-radius:     5px;
  border-top-right-radius:    5px;
  border-bottom-right-radius: 100px 25px;
  border-bottom-left-radius:  100px 25px;
  overflow: hidden;
  padding: 3px;
  border: 1px solid #fff;
  box-shadow: 0 0 10px #666;
}

<div class="border">
  <img src="http://lorempixel.com/250/250" alt="" />
</div>

预览：