CSS3中如何使用background-origin属性-创新互联

CSS3中如何使用background-origin属性?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

成都创新互联公司成都网站建设按需网站策划,是成都网站推广公司,为成都广告推广提供网站建设服务,有成熟的网站定制合作流程,提供网站定制设计服务:原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站改版热线:13518219792

background-origin属性是用于设置背景图片的定位区域,它有三个值分别表示相对于内边距框定位、相对于边框盒定位、相对于内容框定位。

CSS3中如何使用background-origin属性

CSS3 background-origin属性

作用:规定背景图片的定位区域。

说明:设置或检索对象的背景图像计算 <' background-position '> 时的参考原点(位置)。

语法:

background-origin: padding-box|border-box|content-box;

padding-box:背景图像相对于内边距框来定位。

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

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

CSS3 background-origin属性的使用示例








background-origin:border-box:

这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。

background-origin:content-box:

这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。

感谢各位的阅读!看完上述内容,你们对CSS3中如何使用background-origin属性大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联网站制作公司行业资讯频道。


网站名称:CSS3中如何使用background-origin属性-创新互联
链接URL:http://bzwzjz.com/article/egois.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设开发 营销型网站建设 成都网站设计 宜宾网站设计 重庆网站设计 成都h5网站建设 成都定制网站建设 公司网站建设 成都网站设计 高端定制网站设计 成都定制网站建设 网站制作公司 网站建设推广 网站建设费用 高端网站建设 成都网站建设公司 成都网站设计 成都企业网站设计 网站设计 营销型网站建设 成都网站建设 网站制作