本文主要是介绍clip-path实现图片边角的裁剪，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
img {clip-path: polygon(0 7px,7px 0,calc(100% - 20px) 0,100% 20px,100% 100%,16px 100%,0 calc(100% - 16px));}
每一个逗号隔开的就是路径坐标 左上角的两个点 0 7px ，7px 0
右上角 calc(100% - 20px) 0,100% 20px
相当于通过这些点练成的线的圈起来的部分就是剩下的图片
这篇关于clip-path实现图片边角的裁剪的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
