4

我只关注最新一代的浏览器:

  • IE9(还没有真正研究过一次)
  • FF4
  • 铬10
  • Safari5
  • iOS 3.4
  • 歌剧?

我知道我可以很容易地得到正方形和矩形,圆形和带有圆形边框的省略号(圆形:W=H,省略号:W!=H)。我知道我可以通过边框设置获得斜坡。我知道如何获得 1/2 和 1/4 圈,但是否有可能获得:

  • 馅饼楔形(任何尺寸,在圆圈的任何位置?即 18% 的楔形,水平偏离 20%)
  • 梯形、八角形、五角形、六角形
  • 星星(n 颗尖星)
  • 此处未提及的任何单个形状

我正在寻找 CSS + DIV 选项,而不是<canvas>选项。我也在寻找使用最少嵌套 div 的选项。是一个示例,它在一个示例中显示了几种形状...

4

1 回答 1

9

查看此页面以获取一些示例:http ://css-tricks.com/examples/ShapesOfCSS/ 。这些示例仅使用单个 HTML 元素,因此可能会增加更多复杂性。

于 2011-04-06T02:39:16.670 回答