如何用css制作这个形状？

Question

请看看这个图片：

看，上面写着“键盘”

我想要的形状，但面临的其他方式（右）和未弯曲的部分。

我知道这是一个五角形，但它不是标准类型，所以很难找到这种形状的名称或类型，以了解如何在css中创建它。有关如何制作它的任何想法！？！？

谢谢你们，

詹姆斯

Answer 1

纯粹在CSS中模仿iPhone设计几乎是不可能的。但是：

我发现iWebKit是由一个在这个任务上花费大量时间的人写的。他做了带有边框图像的导航按钮。 你可以在http://snippetspace.com/看看它。我想，它可以免费下载。看看演示代码，您可以轻松看到按钮的工作方式。 iWebKit仅适用于webkit浏览器，但它并不需要太多工作来适应其他浏览器（只需在其中添加-moz或-o行，其中指出CSS中包含-webkit）。

Answer 2

这是一个圆角矩形和一个三角形（或旋转的方形）。为了使它在“CSS”中需要一些黑客。我建议你使用背景图片。