Twitter bootstrap div的响应性圆形内边框底部效果

试图在此图片上实现类似效果： div内边框的圆角。是否可以使用CSS进行此操作？假设Div充满了responsive，因此最好根据Div的大小，使用一些更小或更大的边界效果

.image容器
{
边框底部：#000 30px固体；
边界半径：1em 4em 1em 4em；
边框底部：50px固体；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}

---

也许这可以为您指明正确的方向，因为我认为原始图片是用Photoshop制作的

尝试将其添加到CSS中的图像选择器。您可以根据需要调整PX

CSS:

.image-container {
    background-color:black; }

.img-responsive{  width:100%;
-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }

---

请参阅：

使用10%而不是50像素效果很好。谢谢你的回答。