当前位置:首页 » 网页前端 » web前端怎么将图片减小大小
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web前端怎么将图片减小大小

发布时间: 2023-02-03 03:20:45

㈠ 我在网页中插入了背景图片,怎样调整背景图片的大小

可以使用css的background-size属性来调整背景图片的大小,比如:
background-size: 240px 180px
背景图片的宽为240像素,高为180像素
background-size: 50% 30%
背景图片的宽设为容器宽度的50%,高设为容器高度的30%
background-size: cover
把背景图片扩展至足够大,以使背景图片完全覆盖容器区域(背景图片的某些部分也许无法显示在容器区域中)
background-size: contain
把背景图片扩展至最大尺寸,以使其宽度和高度完全适应容器区域(容器的部分边角位置可能会留空)
需要注意的是,background-size是css3的属性,浏览器必须支持css3才能看到预期的效果。好在现在的主流浏览器都是支持css3的(如果你坚持用IE6那当我没说)