设置背景图片向右移动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怎么加入图片
  • 热门搜索
    关于科技节的手抄报 小学生交通安全手抄报 节水节电节粮手抄报 窗边的小豆豆手抄报 关于手抄报的花边 开学手抄报简单又好画 中国梦我的梦手抄报内容 创卫手抄报内容 知法懂法守法手抄报 手抄报图案小装饰