/* 首先,大家需要指定图片的大小 */
img {
width: 200px;
height: 200px;
}
/* 然后,将图片的边框设为圆形 */
img {
border-radius: 50%;
}
以上代码将图片大小设置为200×200像素,并将边框的圆角半径设置为50%。这样就可以将正方形图片变成圆形。需要注意的是,如果图片本身大小不为正方形,那么在变成圆形时可能会发生一些变形,需要根据实际情况进行调整。
另外,通过CSS还可以实现图片的其他形状,如椭圆形、圆角矩形等,具体操作与将图片变成圆形类似,只需要设置不同的border-radius属性即可。
总之,CSS为大家实现网页设计提供了很多方便。学好CSS,可以让大家的网页更加美观而且更加易于维护。