html5做六边形，css实现六边形

css怎么做出六边形图片

1、首先，我的思路是六边形由一个长方形，两个三角形拼成。 css绘制有边框的三角形，比如你的六边形需要有白色的边框，红色的背景色，那么你的三角形则有白色的大三角形和红色的小三角形重叠在一起，组成一个白色边框的三角形。 之前用before ，after写完无边框的六边形，写有边框的六边形只好推翻这种方法重新写了。。

2、第一种你可以把长宽设为0，把上下左右的border设为50px也可以，第二种则是高度设为0，宽度设为100px，然后某个边宽也设为100，都是可以的。

3、通过使用带有一些padding之的背景图来添加阴影效果。

4、多边形是可以设置圆角，但如果五边形和六边形是由三角形和四边形组合而成，不建议设置圆角，设置后，达不到理想效果，不过四边形和八边形是可以的，也可以组装。

5、可以使用css的border-image属性设置边框的背景图片。 可以使用background设置多个背景图片，并分别设置每个背景的位置。 把所有图片先合成一个圆形图片，然后整个图片作为背景图片。

相关问答

Q1: 怎样做一个正六边形?

1、在白纸上用圆规画一个圆，圆的大小基本上就是正六边形的大小 圆规的半径不用改变，在圆周任意找一点做圆心，画出两道弧线与之前画的圆重合。

2、如下图所示正六边形之后7个连接点 先选择连接线中的 连接点如下图所示 然后用鼠标指向所要建立的连接点的位置，同时按住CTRL键，就可以建立一个连接点了。然后选中该连接点，如图上所示粘附到连接点。

3、准备材料：直尺，圆规，笔，纸 1，作圆O。2，以相同长度为半径，圆周上任意一点为圆心，画弧与圆O相交于点A，B 3，以点A，B为圆心，相同长度为半径画弧与圆O相交于点C，D，E 4，以点D为圆心，相同长度为半径，华弧与圆O相交于点F。5，将圆O上相邻的点连起来，就画成了一个正六边形。

4、钳工正六边形的制作方法为锉削。工艺制定：划线→锯割→锉削→钻孔→攻螺纹倒棱、去毛刺 划线：先在毛坯件上划一φ42的圆，然后按几何作图方法对圆进行六等分，再将六个等分点连接。

Q2: 六边形怎么做

（1）方法一：作圆，以半径为长度单位（半径即是所求正六边形边长），划分圆，并连接各分点，即是所求正六边形。（2）方法二：以任意长画一条线段AB。以A为圆心，AB为半径，作圆A。以B为圆心，AB为半径，作圆B与圆A交于点C。连接AC，BC。三角形ABC为等边三角形。在AB上取三等分点M。

绘制正六边形需要准备：圆规、白纸、铅笔、直尺，绘制时先用圆规画一个圆，然后再以圆周任意一点为圆心，画弧线画出六个交点，然后用直尺连接起来就可以了，具体绘制步骤如下所述：首先在白纸上用圆规画一个圆，不改变半径。然后圆周任意一点作为圆心，画出两道弧线与之前画的圆重合。

以纸上任意点为圆心O，以任意长度为半径作圆，作为要被六等分的圆。以圆上任意点为圆心，①步骤长度为半径作圆弧，交圆上于A、B。同理，作出C、D。顺着点C，作出E，确定F点的位置。连接AD、DB、BE、EF、FC、CA，一个完整的正六边形就这样做好了。

在白纸上用圆规画一个圆，圆的大小基本上就是正六边形的大小 圆规的半径不用改变，在圆周任意找一点做圆心，画出两道弧线与之前画的圆重合。

你在圆圈上标记的六个点就是六边形的六个顶点。用尺子和铅笔在相邻的标记点之间画直线。擦掉参考线。这包括开始的圆，在边缘上做的标记，以及其他多余的痕迹。当擦掉所有的参考线后，你的完美六边形就跃然纸上了。

钳工正六边形的制作方法为锉削。工艺制定：划线→锯割→锉削→钻孔→攻螺纹倒棱、去毛刺 划线：先在毛坯件上划一φ42的圆，然后按几何作图方法对圆进行六等分，再将六个等分点连接。

Q3: 怎么做一个正的六边形?

1、（1）方法一：作圆，以半径为长度单位（半径即是所求正六边形边长），划分圆，并连接各分点，即是所求正六边形。（2）方法二：以任意长画一条线段AB。以A为圆心，AB为半径，作圆A。以B为圆心，AB为半径，作圆B与圆A交于点C。连接AC，BC。三角形ABC为等边三角形。在AB上取三等分点M。

2、以纸上任意点为圆心O，以任意长度为半径作圆，作为要被六等分的圆。以圆上任意点为圆心，①步骤长度为半径作圆弧，交圆上于A、B。同理，作出C、D。顺着点C，作出E，确定F点的位置。连接AD、DB、BE、EF、FC、CA，一个完整的正六边形就这样做好了。

3、步骤拿一张正方形折纸。步骤将折纸的下边缘向上边缘做一次对折。步骤将折叠后的折纸做四等分折痕。步骤以中心线底点为轴，将右部分折纸向左部分折纸的1/4折痕线折叠，右侧折纸折叠过来后，使顶点与1/4折痕线对齐。

4、如下图所示正六边形之后7个连接点 先选择连接线中的 连接点如下图所示 然后用鼠标指向所要建立的连接点的位置，同时按住CTRL键，就可以建立一个连接点了。然后选中该连接点，如图上所示粘附到连接点。

5、正六边形画法 在白纸上用圆规画一个圆，圆的大小基本上就是正六边形的大小。圆规的半径不用改变，在圆周任意找一点做圆心，画出两道弧线与之前画的圆交叉。在弧线与圆周交汇的地方作为圆心再次画弧线，与圆周交叉。画出与圆周交叉的六个点。

6、在白纸上用圆规画一个圆，圆的大小基本上就是正六边形的大小 圆规的半径不用改变，在圆周任意找一点做圆心，画出两道弧线与之前画的圆重合。

Q4: 做一个正六边形,对边距离44mm,怎么作图,求各位大佬解答?

用圆规画一个圆。将铅笔放在圆规上。张开圆规直到和你想要的圆半径一样长。它可能只有几厘米宽。然后，把圆规的角固定在纸上，另一端旋转360°画出一个圆。把圆规角固定到圆的边缘。将它移到圆的上方。不要改变圆规的半径。用铅笔在圆的边缘做记号。

以纸上任意点为圆心O，以任意长度为半径作圆，作为要被六等分的圆。以圆上任意点为圆心，①步骤长度为半径作圆弧，交圆上于A、B。同理，作出C、D。顺着点C，作出E，确定F点的位置。连接AD、DB、BE、EF、FC、CA，一个完整的正六边形就这样做好了。

作法：过点O作直线交⊙O于点A、B；分别以A、B为圆心，OA为半径作弧交⊙O于点C、D、E、F；过点A作直线垂直于OA；同样方法分别过点C、D、E、F作直线垂直于OC、OD、OE、OF，这些垂线两两相交于点G0、GGGGG5，则六边形G0G1G2G3G4G5即为所求。

Q5: 正方形加一条线成为六边形的具体做法。

1、正方形从任何一个角的顶点向对边画一条线就可以变成六边形。关于正方形：四条边都相等、四个角都是直角的四边形是正方形。正方形的两组对边分别平行，四条边都相等；四个角都是90°；对角线互相垂直、平分且相等，每条对角线平分一组对角。有一组邻边相等且一个角是直角的平行四边形叫做正方形。

2、方法一：作圆，以半径为长度单位(半径即是所求正六边形边长)，划分圆，并连接各分点，即是所求正六边形。方法二：以任意长画一条线段AB。以A为圆心，AB为半径，作圆A。以B为圆心，AB为半径，作圆B与圆A交于点C。连接AC，BC。三角形ABC为等边三角形。在AB上取三等分点M。

3、用很粗的一条线段，粗的程度，覆盖住2个对角且延长到和角相邻的边即可。

4、正方形任意相邻的两个边，画一条线就能成为五边形（请注意不要对角连线）。正方形画一条线是无法成为六边形的，至少需要画两次线才能变成六边形。正方形任意相邻的两个边画一条线成为五边形（请注意不要对角连线）。五边形任意相邻的两个边画一条线就能成为六边形（请注意不要对角连线）。

5、正方形可以通过作辅助线的方式，画出一个六边形，具体的画法步骤如下：在平面内画出一个正方形，在正方形的中心十字交叉作切割线，使大正方形分成四个小正方形。将四个小正方形的对角依次连接，并将对角线的交点垂直连接并延长。依次连接大正方形上的几个点，即可会出一个6边形。

html5做六边形的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css实现六边形、html5做六边形的信息别忘了在本站进行查找喔。