老师，这样对吗
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background属性</title>
<style type="text/css">
/*此处写代码*/
div{
width:400px;
height:200px;
border:10px solid rgba(255,0,0,0.4);
text-align:center;
font-size:20px;
font-weight:bold;
padding:20px;
background:url(http://img1.sycdn.imooc.com/climg//582c39c00001091605000150.jpg) no-repeat center 80%;
background-size:90%;
background-origin:padding-box;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>慕课网(IMOOC)国内最大的IT技能学习平台</div>
</body>
</html>
正在回答
同学你好，关于同学的疑问，解答如下：
1、background-clip 属性规定背景的绘制区域，也就是图片从什么位置开始被裁剪。属性值有：
border-box 背景被裁剪到边框盒，默认值。
padding-box 背景被裁剪到内边距框。
content-box 背景被裁剪到内容框。
例如：图片被裁剪到内容框：
效果图：
2、 background-origin 属性规定 background-position 属性相对于什么位置来定位，两个属性一起配合使用。属性值有：
padding-box 背景图像相对于内边距框来定位，默认值。
border-box 背景图像相对于边框盒来定位。
content-box 背景图像相对于内容框来定位。
例如：图片相对于border-box定位，background-position属性值默认为0% 0%，从左上角开始显示。
效果图：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星