CSS图片裁剪：实现切角效果

在这里插入图片描述
在这里插入图片描述

 img {
     border: 1px gray solid;
     width: 400px;
     height: 200px;
     clip-path: polygon(0 20px, 100% 0, 100% 100%, 0 100%);
 }

在这里插入图片描述

img {
    border: 1px gray solid;
    width: 400px;
    height: 200px;
    clip-path: polygon(0 0, 100% 0, 100% 180px, 0 100%);
}