您的位置：首页 > 其它

background-origin设置元素背景图片的原始起始位置

2016-09-06 09:55 399 查看
设置元素背景图片的原始起始位置。

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


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

效果如下：



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


任务

在右侧代码编辑器窗口的第14行，输入正确内容使背景从内容区域开始显示。

<!DOCTYPEwww.dztcsd.comhtml>

<html>

<head> 

<meta charset="utf-8">

<title>背景原点</title>

<style type="text/css">

.wrap {

    width:220px; 

    border:20px dashed #000; 

    padding:20px; 

    font-weight:bold; 

    color:#000; 

    background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat; 

    background-origin: content-box;

    position: relative;

}

.content {

    height:80px; 

    border:1px solid #333;

}

</style>  

</head> 

<body>

<div class="wrap"><span>padding</span>

    <div class="content">content</div>

</div>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航