background-origin属性怎么用

2025-10-25
网站建设限时活动促销

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

CSS3 background-origin属性

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

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

语法:

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:

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

效果图:

标签: background-origin

本文地址:https://www.lifejia.cn/news/208330.html

免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:cloudinto#qq.com(把#换成@)