css3中background-orgin怎么用

  介绍

小编给大家分享一下css3中background-orgin怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

设置元素背景图片的原始起始位置。

语法:

background-origin: border-box | padding-box |内容框;
参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。

需要注意的是,如果背景不是没有重演,这个属性无效,它会从边框开始显示。

实例代码:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"祝辞   & lt; title>背景原点& lt;/title>   & lt;风格类型=拔谋?css"比;   .wrap {   宽度:220 px;   边界:20 px冲# 000;   填充:20 px;   粗细:大胆的;   颜色:# 000;   背景:# ccc url (http://static.php.cn/static/img/logo_index.png)不再重演;   background-origin:内容框;   位置:相对;   }   .wrap跨度{   位置:绝对的;   左:0;   上图:0;   }   .content {   身高:80 px;   边界:1 px固体# 333;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div类=皐rap"祝辞   & lt; span> padding   & lt; div类=癱ontent"祝辞content
  & lt;/div>   & lt;/body>   & lt;/html>

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

css3中background-orgin怎么用