CSS背景图如何变大（css怎么设置背景图片大小）

1、新建html文件，以test.html命名文件，下面以该文件为例讲解css中怎样调整插入背景图片的大小。

2、test.html文件中用div标签创建一块区域，将其设置class属性为mydiv，目的是用于下面通过该class来对样式进行设置。

3、test.html文件中，写一个<style type="text/css"></style>标签，把页面的css样式写在该标签内。

4、在css标签内，用类名mydiv设置div的样式，定义其宽度500px，高度400px，边框为1px红色边框。

5、在css标签中，利用background-image属性来设置div的背景图片为images文件夹中的a.jpg，同时通过background-repeat设置背景图片不重复显示。

6、在css标签内，使用background-size调整背景图片的尺寸，第一个参数为宽度，第二个参数为高度，假设这时设置背景图片的高宽为原来一半，即50%。

7、在浏览器中打开test.html文件，看一下最终的效果。