Html 如何删除高分辨率剪辑路径显示的线

在创建一个剪辑路径来遮罩掉图像中留下向下箭头的部分后，我在高分辨率屏幕上或在常规屏幕上放大时会得到这条细线

以下是剪辑路径的css：

.clearflowptr {
    margin-bottom: 40px;
    margin-top: 40px;
    background: white;
    height: 50px;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 46% 0, 50% 100%, 54% 0, 100% 0, 100% 100%, 0 100%);

页边距底部

和

页边距顶部

只需为元素添加间距。我试着玩

填充

，但没用

感谢您的帮助。

---

谢谢

如果不需要，您可以尝试使用此选项，而不是使用

剪辑路径

div{
背景色：#0b8192；
宽度：100%；
高度：15px；
位置：相对位置；
}
部门：之后{
内容：''；
宽度：0px；
高度：0px；
边框：40px实心#0b8192；
位置：绝对位置；
最高：100%；
左：0；
右：0；
保证金：自动；
右边框颜色：透明；
左边框颜色：透明；
边框底色：透明；
}