如何用css製作這個形狀？

Question

請看看這個圖片：

看，上面寫着「鍵盤」

我想要的形狀，但面臨的其他方式（右）和未彎曲的部分。

我知道這是一個五角形，但它不是標準類型，所以很難找到這種形狀的名稱或類型，以瞭解如何在css中創建它。有關如何製作它的任何想法！？！？

謝謝你們，

詹姆斯

Answer 1

純粹在CSS中模仿iPhone設計幾乎是不可能的。但是：

我發現iWebKit是由一個在這個任務上花費大量時間的人寫的。他做了帶有邊框圖像的導航按鈕。 你可以在http://snippetspace.com/看看它。我想，它可以免費下載。看看演示代碼，您可以輕鬆看到按鈕的工作方式。 iWebKit僅適用於webkit瀏覽器，但它並不需要太多工作來適應其他瀏覽器（只需在其中添加-moz或-o行，其中指出CSS中包含-webkit）。

Answer 2

這是一個圓角矩形和一個三角形（或旋轉的方形）。爲了使它在「CSS」中需要一些黑客。我建議你使用背景圖片。