如何使用css创建椭圆形矩形？

我想用css创建一个椭圆形矩形。我知道我可以用边界半径来做，但我想做这样的事情：

---

有什么方法可以用纯css实现吗？

如果有人需要的话，可以这样做

。椭圆形矩形{
-webkit框大小：内容框；
-moz框大小：内容框；
框大小：内容框；
宽度：150px；
高度：150像素；
位置：相对位置；
利润率：20px0；
边界：无；
-webkit边界半径：50%/10%；
边界半径：50%/10%；
文本对齐：居中；
文本缩进：0.1米；
-o-text-overflow：剪辑；
文本溢出：剪辑；
背景：#1abc9c；
}
.椭圆形矩形：：之前{
-webkit框大小：内容框；
-moz框大小：内容框；
框大小：内容框；
位置：绝对位置；
内容：“；
排名前10%；
右-5%；
底部：10%；
左-5%；
边界：无；
-webkit边界半径：5%/50%；
边界半径：5%/50%；
-o-text-overflow：剪辑；
文本溢出：剪辑；
背景：#1abc9c；
文本阴影：无；
}

---

你需要有尖角的角吗？连接多个divtogether@Traver你指的是什么？