CSS是前端开发中重要的一部分,其中一个常见的需求是把正方形图片变成圆形图片。下面介绍两种方法:方法一: img{ border-radius: 50%; /* 将图片的圆角设置为50%,变成圆形 *
CSS是前端开发中重要的一部分,其中一个常见的需求是把正方形图片变成圆形图片。下面介绍两种方法:
方法一: img{ border-radius: 50%; /* 将图片的圆角设置为50%,变成圆形 */ } 方法二: img{ clip-path: circle(50%); /* 使用clip-path的circle()函数,将图片裁剪为圆形 */ }
以上是两种CSS将正方形图片变成圆形的常见方法,开发者可以根据具体情况选择使用哪种方法。
粉丝
0
关注
0
收藏
0