设置背景图片向右移动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怎么加入图片
  • 热门搜索
    怎么写观察日记 延禧攻略全集免费观看 吸脂减肥费用 韩国简介 仙剑奇侠传五前传攻略 火龙果减肥法 减肥操郑多燕 勇者斗恶龙5攻略 西红柿可以减肥吗 长期咳嗽是怎么回事