css拉伸圆角图片 |css3 获取屏幕高度

要实现拉伸圆角图片，大家可以使用CSS3中的border-radius属性。这个属性可以让大家将图片的边缘设置成圆角的形状，并且可以设置不同的角度值。

.img {
border-radius: 10px;
}

以上代码会将一个class为img的图片的边缘设置成10像素的圆角。但是，当大家对图片进行拉伸时，边缘的圆角会变形，看起来不太美观。

解决这个问题的方法是使用CSS3中的background-size属性。这个属性可以让大家控制背景图片的大小，使图片可以进行缩放，但是不会失去其比例。

.img {
border-radius: 10px;
background-size: cover;
}

以上代码会让class为img的图片在拉伸时，始终保持边缘的圆角形状，并且可以根据容器的大小进行缩放。

总之，使用CSS的border-radius和background-size属性可以让大家轻松地实现拉伸圆角图片的效果。这种效果能够让大家的页面更加美观和吸引人。