如何使用CSS3中的属性决定背景图片定位的起点

 时间:2024-10-16 03:07:00

1、第一步,双击打开HBuilderX工具,新建静态页面并插入div标签元素,如下图所示:

如何使用CSS3中的属性决定背景图片定位的起点

2、第二步,再次在style标签中,设置div标签的宽度、高度、边框和背景颜色,如下图所示:

如何使用CSS3中的属性决定背景图片定位的起点

3、第三步,保存代码并打开浏览器预览页面效果,可以发现元素中展示一个图片,如下图所示:

如何使用CSS3中的属性决定背景图片定位的起点

4、第四步,再次使用ID选择器,设置background-origin属性,兼容不同浏览器,如下图所示:

如何使用CSS3中的属性决定背景图片定位的起点

5、第五步,再次保存代码并预览界面,并展示不同的效果,可以发现页面效果,如下图所示:

如何使用CSS3中的属性决定背景图片定位的起点

6、第六步,再次修改background-origin属性的值,改为content-box,如下图所示:

如何使用CSS3中的属性决定背景图片定位的起点
  • 怎样加强记忆力 怎样增强记忆力
  • 马蹄莲有什么特征和习性
  • 韩国春夏最流行的清透裸妆怎样画
  • 天机垴隧道怎么走
  • 怎么处理用完的暖宝宝呢?
  • 热门搜索
    建行短信服务怎么开通 上菱冰箱质量怎么样 我的世界怎么做自动门 裁决之镰怎么解除 电脑怎么添加输入法 脚踝扭伤肿了怎么办 声明怎么写 双马尾怎么扎好看 港澳通行证怎么办 海马汽车怎么样