使用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属性以适配图片大小和位置。
通过上述代码,我们可以方便地将图片变成圆角并添加背景图片,为网页增加更多的无穷魅力。