关于origin和position的问题

关于origin和position的问题

如果我想要图片上在盒子的某个地方的话直接用background-position设置就好了,根据效果图上的尺寸来设置。还用background-origin干嘛?他的实际用处是啥?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,使用padding效果确实是可以实现效果,css语法中有很多属性结合都可以实现相同的效果,所以才会让代码编写是灵活的。

同学不用纠结,了解相关属性的用法后,灵活运用它们实现效果就可以了。

祝学习愉快~

好帮手慕慕子 2020-04-18 10:30:57

同学你好,background-origin 属性的作用是规定 background-position 属性相对于什么位置来定位。

这个属性一共有三个值,如下:

1、padding-box :背景图像相对于内边距框来定位(默认值)。

2、border-box: 背景图像相对于边框盒来定位。    

3、content-box: 背景图像相对于内容框来定位。    

老师这里举个简单的示例,帮助同学更好的理解,如下:

http://img1.sycdn.imooc.com//climg/5e9a6611095d3e7815321426.jpg

效果图如下:三个盒子背景图片显示的位置不一样

http://img1.sycdn.imooc.com//climg/5e9a6631092604ab25960588.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 宝慕林3013065 #1
    老师这个知识点我明白,如果,我想让图片像效果图那样再往右下角走点的话只要多设置点padding值也是一样可以实现的
    2020-04-18 10:44:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师