css中的background-origin属性怎么用

这篇文章主要为大家展示了“css中的background-origin属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css中的background-origin属性怎么用”这篇文章吧。
　　CSS3background-origin属性
　　作用：规定背景图片的定位区域。
　　说明：设置或检索对象的背景图像计算时的参考原点(位置)。
　　语法：
　　background-origin:padding-box|border-box|content-box;
　　padding-box：背景图像相对于内边距框来定位。
　　border-box：背景图像相对于边框盒来定位。
　　content-box：背景图像相对于内容框来定位。
　　CSS3background-origin属性的使用示例
　　

　　div
　　{
　　border:1pxsolidblack;
　　pad免费云主机、域名ding:35px;
　　background-image:url(‘https://img.php.cn/upload/article/000/000/024/5c513adf97e86533.jpg’);
　　background-repeat:no-repeat;
　　background-position:left;
　　}
　　#div1
　　{
　　background-origin:border-box;
　　}
　　#div2
　　{
　　background-origin:content-box;
　　}
　　
　　
　　
　　background-origin:border-box:
　　 　　这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
　　

相关推荐: 什么小脚本HTC文件补丁让IE6, 7和8支持CSS3

什么小脚本HTC文件补丁让IE6, 7和8支持CSS3，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。 让 IE6, 7和 8支持CSS3 IE6，7并不支持CSS3的属性，IE8也不能很好的支…