CSS中整样才能把网站背景图片多余的隐藏起来?

html-css06

CSS中整样才能把网站背景图片多余的隐藏起来?,第1张

可以通过设置宽度来实现隐藏多余的图片,但是不建议这样做。

1、开发网站过程中需要使用的图片都是美工提前处理,遇到不合适的需要使用Photoshop进行裁剪操作,不适合使用代码来处理图片。

2、过大或者不合适的图片容易造成浏览器的兼容问题或者维护不便,另外也影响占用带宽。

在图片的外围加一个div框,然后通过这个框进行加宽高,然后用overflow:hidden来隐藏图片多余的部分。像现在很流行的圆形头像,其实图片是一张四方或者长方的图片。

然后通过对包住div的css加:border-radius:50%overflow:hidden就可以显示为圆形的图片了。关于这个是最方便的。也可以用这个方法解决图片的裁切问题。

希望我的解答可以帮到你,有什么不懂可以追问。