如何在html中製作一個帶有彎曲邊緣的矩形/正方形？

Question

可能顯示的文件：
css/ html help in making rounded table like container
What is the best way to create rounded corners using CSS?

如何使一個矩形/正方形，以html彎曲邊緣？

Answer 1

您可以使用CSS 3屬性border-radius。

商實現：

• 壁虎：-moz-border-radius
• WebKit的：-webkit-border-radius

請注意：

• HTML用於指定該文檔的內容。
• CSS用於呈現文檔。

Answer 2

您需要在畫布上繪製矩形/正方形，然後手動圓角。此方法僅適用於HTML5兼容的瀏覽器（而不是IE8）。

http://thinkvitamin.com/code/how-to-draw-with-html-5-canvas/

Answer 3

使用CSS邊界半徑：http://border-radius.com/

Answer 4

曲線在HTML5畫布http://fjd1.com/canvas002.html