求教如何在html中创建一个六边形的DIV，谢谢~_随笔

<html>

<body>

<div>

</div>

</map>

</body>

</html>

多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."

每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。

多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。

x1,y1,x2,y2,..,xn,yn 如果 shape 属性设置为 "poly"，则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致，那么为了关闭多边形，浏览器必须添加最后一对坐标。

也可以按别的顺序来画，如234561

正六边形有6条。对边中线有三条，对角线有三条。其它六边形没有对称轴。

六边形根据正多边形内角和公式S=180°·(n-2)，所有的正六边形的内角和都是720°，外角和为360°自然界中，苯与石墨的分子结构、龟壳、蜂巢等都呈现正六边形形状。

正六边形可以单单用圆规直尺来绘画。

画一条水平线，通过此线上的任意点做一个圆。

以该圆与线的交点为圆心，分别画出与该圆半径相同的圆，与该圆交于4点。

依顺序联结这4个点和该圆与水平线的交点即成正六边形。

以上内容参考：百度百科-六边形

欢迎分享，转载请注明来源：内存溢出

求教如何在html中创建一个六边形的DIV，谢谢~