如何使用CSS3中的属性设置元素背景和图片背景

 时间:2026-02-16 03:14:01

1、第一步,在已打开的HBuilderX工具,新建一个HTML5模板页面,如下图所示:

如何使用CSS3中的属性设置元素背景和图片背景

2、第二步,在body标签元素中,插入一个div标签,并设置class属性值,如下图所示:

如何使用CSS3中的属性设置元素背景和图片背景

3、第三步,由于页面默认从0点开始,然后设置内外边距和背景色,如下图所示:

如何使用CSS3中的属性设置元素背景和图片背景

4、第四步,再使用类属性,设置div标签的样式,如高度、宽度、字体属性、字体颜色等,如下图所示:

如何使用CSS3中的属性设置元素背景和图片背景

5、第五步,保存代码并打开浏览器预览效果,可以发现元素展示一个边框,如下图所示:

如何使用CSS3中的属性设置元素背景和图片背景

6、第六步,再添加一个background属性,设置图片边框,以及位置,如下图所示:

如何使用CSS3中的属性设置元素背景和图片背景

  • 新媒体推广思维导图模板分享,教你快速入门
  • 高考历史——城邦的公民
  • 婴儿鲫鱼汤的做法
  • 上海社保办理,如何在网上下载表格
  • 星之彼端角色怎么升级
  • 热门搜索
    苹果手机微信聊天记录怎么恢复 番茄汁的做法 吉利汽车怎么样 菠萝怎么削皮 微信置顶文字怎么设置 身份证掉了怎么办 手抄报内容怎么写 鲜肉月饼的做法 鸡为什么要吃小石子 营业执照怎么办理