background-origin属性怎么用

　　CSS3background-origin属性

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

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

　　语法：

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

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

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

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

　　CSS3background-origin属性的使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<style>

　　div

　　{

　　border:1pxsolidblack;

　　padding: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;

　　}

　　</style>

　　</head>

　　<body>

　　<p>background-origin:border-box:</p>

　　<divid="div1">

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

　　</div>

　　<p>background-origin:content-box:</p>

　　<divid="div2">

　　</div>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56289.shtml