css3中background-orgin的使用方法

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

　　语法：

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

　　参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。

　　效果如下：

　　这里写图片描述

　　需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。

　　实例代码：

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<styletype="text/css">

　　.wrap{

　　width:220px;

　　border:20pxdashed#000;

　　padding:20px;

　　font-weight:bold;

　　color:#000;

　　background:#cccurl(http://static.php.cn/static/img/logo_index.png)no-repeat;

　　background-origin:content-box;

　　position:relative;

　　}

　　.wrapspan{

　　position:absolute;

　　left:0;

　　top:0;

　　}

　　.content{

　　height:80px;

　　border:1pxsolid#333;

　　}

　　</style>

　　</head>

　　<body>

　　<divclass="wrap">

　　<span>padding</span>

　　<divclass="content">content</div>

　　</div>

　　</body>

　　</html>

本文转载自中文网

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