请问老师问题出在哪？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background属性</title>
<style type="text/css">
/*此处写代码*/
.containt{width:500px;
height:300px;
border:10px solid rgba(255,0,0,0.5);
background-color:lightgray;
padding:20px;
}
.containt div{background:url("http://img1.sycdn.imooc.com/climg//582c39c00001091605000150.jpg") no-repeat;
background-size:90%;
background-clip:padding-box;
margin:0 auto;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="containt">
<h2>慕课网（IMOOC）国内最大的IT技能学习平台</h2>
<div></div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
同学你好，background 简写属性在一个声明中设置所有的背景属性。
包含如下属性：
background-color background-position background-size background-repeat background-origin background-clip background-attachment background-image
所有这个里面也是有背景颜色的，若是把背景颜色设置在前面，后面在设置简写的background属性，那么background-color属性，就会被简写中的替换（虽然没有设置属性值，但是确实是有这个属性的，默认值是transparent）；
所有，一般我们要写简写的属性，在写分开的话，一定要把简写的写在前面，其他属性写在后面。
祝学习愉快！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background属性</title>
<style type="text/css">
/*此处写代码*/
div{width:500px;
height:300px;
border:10px solid rgba(255,0,0,0.5);
background-color:lightgray;
padding:20px;
background:url("http://img1.sycdn.imooc.com/climg//582c39c00001091605000150.jpg") no-repeat;
background-size:90%;
background-clip:padding-box;
background-position:center 150px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>
<h2>慕课网（IMOOC）国内最大的IT技能学习平台</h2>
</div>
</body>
</html>
请问老师为什么我的背景颜色没有实现？
为什么backround-position:是center 150px;难道这里center不是上下，150px不是左右？
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星