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

 时间:2026-04-22 16:27:55

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

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

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

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

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

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

4、保存代码并运行文件,结果发现图片没有显示出来

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

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

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

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

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

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

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

8、再次刷新浏览器,可以看到图片向右移动了10px,说明样式生效了

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

  • css如何设置文字的水平方向浮动
  • 如何利用html制作网页水平导航菜单?
  • 怎样让html中的文字垂直水平居中显示
  • 怎么在HTML网页里加入图片
  • hbuilderx怎么加入图片
  • 热门搜索
    论文怎么写 灌汤包的做法 自制蛋挞的做法 电子邮箱怎么申请注册 各种粥的做法 虾仁的做法大全家常 怎么判断自己得了痔疮 猪肉萝卜饺子馅做法 水煮鱼的做法视频 油焖大虾正宗的做法