关于图片切角问题

css

.img_person{
    width:500px;
    height: 500px;
    background: #58a; 
    clip-path: polygon( 30px 0, calc(100% - 30px) 0, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 30px), 0 30px );
}

图片样式:

 

 

 

依据文章来源:https://www.w3cplus.com/css3/css-secrets/cutout-corners.html

posted @ 2019-11-26 11:24  星宝攸宁  阅读(194)  评论(0)    收藏  举报