在使用HTML5+CSS3设计界面时，有时需要将图片作为背景，需要调整图片上下左右移动。那么，如何将设置背景图片向右移动10px呢？工具/原料moreHTML5CSS3HBuilderX浏览器图片截图工具WPS方法/步骤1/8分步阅读

双击打开HBuilderX工具，在Web项目中，新建静态页面bg.html

2/8

打开已新建的页面文件，在body/body标签中，插入一个div并设置id属性

3/8

添加一个style标签，利用ID选择器jz，设置div背景图片，标签内部文字字体属性等

4/8

保存代码并运行文件，结果发现图片岔祝离没有显示出来

5/8

修改样式代码，将background-image改为background，然后给body设置样式

6/8

再次保存代码并运行，可以查看到图片显示出来，并且整个界面都有背景色

7/8

在background属性后，添加一个10px 0，然后保存代码

8/8

再次刷新浏览器，可以看到图片向右栗畜移动了10px，说明薪译样式生效了

总结

设置背景图片向右移动10px

background: url(../img/1.jpg) no-repeat 10px 0;

注意事项

注意如何设置背景图片向右移动10px

注意将图片设置为背景图的几种方式

设置背景图片向右移动10PXHTML5CSS3JAVASCRIPT