如何使用CSS3中的属性对元素设置背景进行裁剪

 时间:2024-10-13 04:03:43

1、第一步,在已打开HBuilderX工具,新建页面并在body插入div标签,如下图所示:

如何使用CSS3中的属性对元素设置背景进行裁剪

2、第二步,再使用div元素选择器,设置对应的宽度、高度、边框和背景,如下图所示:

如何使用CSS3中的属性对元素设置背景进行裁剪

3、第三步,保存代码并打开浏览器预览界面效果,可以发现图片样式,如下图所示:

如何使用CSS3中的属性对元素设置背景进行裁剪

4、第四步,再使用类选择器,使用background-clip属性,设置为border-box,如下图所示:

如何使用CSS3中的属性对元素设置背景进行裁剪

5、第五步,再次保存代码并预览界面效果,可以发现这个没有什么变化,如下图所示:

如何使用CSS3中的属性对元素设置背景进行裁剪

6、第六步,再次返回到HBuilderX,修改background-clip对应的值,如下图所示:

如何使用CSS3中的属性对元素设置背景进行裁剪
  • 7-8个月宝宝辅食推荐:生菜鳕鱼泥
  • css如何给元素添加背景
  • Axure如何实现抽奖的旋转效果原型?
  • 黄豆芽炒胡萝卜
  • 素材中国,你不知道的超全素材网站
  • 热门搜索
    qq飞车怎么玩 朵唯手机怎么样 汗斑怎么治疗 怎么做饺子皮 怎么下载歌曲到u盘 怎么写好字 计划书怎么写 扬州大学怎么样 手麻脚麻是怎么回事 苏泊尔油烟机怎么样