[分享]css3怎么改变背景图片大小

CSS3具有强大的样式处理功能，能够轻松地调整HTML页面的样式，其中之一就是可以改变背景图片的大小。... backgroundsize: 50; / 改变背景图片大小为宽高的50 / backgr...

CSS3具有强大的样式处理功能，能够轻松地调整HTML页面的样式，其中之一就是可以改变背景图片的大小。

...
background-size: 50%; /* 改变背景图片大小为宽高的50% */
background-size: cover; /* 加载图片，保持长宽比并将其捕捉到不透明边界框 */
background-size: contain; /* 加载图片并保持其长宽比。然后将其调整大小，直到它在元素中适合，而不超出其边界框 */
... 

通过以上几行代码就能轻松改变背景图片的大小，分别设置了背景图片宽高的50%、自适应大小以及宽高比例不变大小适应框内。不同的设置方式可以适应不同的需求，同时保证背景图片在网页中的美观度。