千家信息网

css中的background-origin属性怎么用

发表于:2024-10-27 作者:千家信息网编辑
千家信息网最后更新 2024年10月27日,这篇文章主要为大家展示了"css中的background-origin属性怎么用",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"css中的backgroun
千家信息网最后更新 2024年10月27日css中的background-origin属性怎么用

这篇文章主要为大家展示了"css中的background-origin属性怎么用",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"css中的background-origin属性怎么用"这篇文章吧。

  CSS3background-origin属性

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

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

  语法:

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

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

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

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

  CSS3background-origin属性的使用示例

  

  

  

  

  

  

  

background-origin:border-box:

  

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

  

  

background-origin:content-box:

  

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

  

  

  


以上是"css中的background-origin属性怎么用"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

0