[分享]css3把图片变成圆角有背景图片

使用CSS3可以轻松地把图片变成圆角，并且可以添加背景图片，让图片更具艺术感和美观性。/ 将图片变成圆角 / img { borderradius: 50; } / 添加背景图片 / img { bo...

使用CSS3可以轻松地把图片变成圆角，并且可以添加背景图片，让图片更具艺术感和美观性。

/* 将图片变成圆角 */
img {
    border-radius: 50%;
}

/* 添加背景图片 */
img {
    border-radius: 50%;
    background-image: url('background.jpg');
    background-size: cover;
    background-position: center;
} 

以上代码中，我们首先使用border-radius属性将图片变成圆角。

如果要添加背景图片，可以使用background-image属性，并且设置background-size和background-position属性以适配图片大小和位置。

通过上述代码，我们可以方便地将图片变成圆角并添加背景图片，为网页增加更多的无穷魅力。