clip-path:polygon(50% 0, 100% 50%,50%,100%,0,50%);
这是一个菱形 这四个参数分别为上右下左 它的意思是
第一个参数(上)x(水平线)轴为50%的位置,Y(垂直线)轴为0 也就是顶部尖角那个位置,
第二参数(右)x(水平线)轴为100%的位置,Y(垂直线)轴为50% 也就是右边尖角那个位置,
第三个参数(下)x(水平线)轴为50%的位置,Y(垂直线)轴为100% 也就是底部尖角那个位置,
第四个参数(左)x(水平线)轴为0的位置,Y(垂直线)轴为50% 也就是左边尖角那个位置,
这样在这里面的就会被切割出了,在外面的自然就隐藏了