本篇文章给大家分享的内容是关于SVG ClipPath实现六边形图像的方法，话不多说，我们直接进入正文。使用SVG，我们可以添加剪切路径来更改图像的形状。首先，我们打开一个带有namespaced href属性和命名空间定义的SVG标记：&

根据她的以往经验，这个网站的HTML和CSS是完全在她的能力范围以内，于是我帮助她完成了这个效果。显示nav被裁减的效果是一个不简单的任务，我看到图片的第一反应是创建一个相匹配的背景被部分裁剪的图像，然后把它设置为一个after元素。问题是

CSS中的clip-path能够让你指定一个网页元素的显示区域，而不是缺省的显示全部。CSS Code复制内容到剪贴板.clip-me {* 已被标志为不推荐使用的写法 *position: absolu

clip-path的使用polygon值为多个坐标点组成，坐标第一个值是x方向，第二个值是y方向。左上角为原点，右下角是(100%,100%)的点。<p>body {background-color: #000;}.fa