如何使用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如何实现抽奖的旋转效果原型?
  • 黄豆芽炒胡萝卜
  • 素材中国,你不知道的超全素材网站
  • 热门搜索
    白色代表什么 考银行需要什么条件 什么是关键词 slow是什么意思 421是什么意思 入珠是什么意思 c1可以开什么车 标准层是什么意思 现在是什么时代 造影是什么