如何在html中制作一个带有弯曲边缘的矩形/正方形？

Question

可能显示的文件：
css/ html help in making rounded table like container
What is the best way to create rounded corners using CSS?如何在html中制作一个带有弯曲边缘的矩形/正方形？

如何使一个矩形/正方形，以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