如何用css制作这个形状？

Question

请查看此图片：

查看“键盘”部分

我想要那个形状，但面向另一个方向（右）而不是弯曲。

我知道这是五角大楼，但它不是标准型，所以很难找到这种形状的名称或类型来学习如何在css中制作它。关于如何制作它的任何想法！？！？

谢谢你们，

詹姆斯

Answer 1

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

Answer 2

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

我找到了iWebKit，由一个花了很多时间完成这项任务的人写的。他用边框图像做了导航按钮。 您可以在http://snippetspace.com/查看一下。我想，它可以免费下载。 查看演示代码，您可以轻松查看按钮的工作方式。 iWebKit仅适用于webkit浏览器，但它不需要很多工作来适应其他浏览器（只需添加-moz或-o行，它在CSS中说-webkit）。