如何在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边框半径：http://border-radius.com/

Answer 2

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

供应商实施：

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

请注意：

• HTML用于指定文档的内容。
• CSS用于展示文件。

Answer 3

您需要在画布上绘制矩形/正方形，然后手动围绕角落。此方法仅适用于兼容HTML5的浏览器（不是IE8）。

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

Answer 4

HTML5画布中的曲线http://fjd1.com/canvas002.html