通过CSS控制背景图，例如background-position:10px 20px;表示背景图左上角坐标相对于父元素为（10,20），
关于这个问题，上下背景图可以通过CSS的background-image属性和background-position属性来实现。
1. 首先，在CSS中设置两个不同的背景图片，一个用于上方，一个用于下方。
2. 接下来，使用background-position属性来指定上下背景图片的位置。例如，将上方背景图设置为顶部对齐，下方背景图设置为底部对齐。
3. 如果需要调整上下背景图的比例，可以使用background-size属性来设置背景图的大小。
新建一个HTML文件，命名为test.html，用于讲解css怎么设置背景图的宽高。
在浏览器打开test.html文件，查看结果。
1. 设置背景的宽度，可以使用"background-size"属性，将宽度值设置为想要的宽度即可。2. 在设置背景的宽度时，需要注意背景图片的大小，如果背景图片比容器宽，可能会出现拉伸或重复的情况，反之则可能出现留白。3. 如果背景是纹理或图案，可以考虑使用"background-repeat"属性，来设置平铺或不平铺，以达到更好的效果。所以，要让背景的宽度达到最佳效果，需要综合考虑背景图片大小、容器宽度和"background-size"及"background-repeat"等属性的设置。