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

 时间:2026-02-14 05:33:40

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怎么加入图片
  • 热门搜索
    boat怎么读 霍家为什么选择郭晶晶 小天鹅洗衣机怎么样 汽车为什么要换机油 酢浆草怎么读 蔬菜汁的做法 怎么拼魔方 学制怎么填 篙怎么读 核电站为什么建在海边