请老师检查

首页课程实战体系课手记专栏慕课教程

请老师检查

来源：2-7 编程练习

qq_慕先生0342934

2020-04-26 22:22:04

<!DOCTYPE html>

<html>

<head>

<title>background-origin</title>

div{

width: 500px;

height: 150px;

background-image: url(http://climg.mukewang.com/582c342b0001fd6507000210.jpg);

background-repeat: no-repeat;

background-origin: padding-box;

border: 10px solid #9999FE;

}

div:hover{

background-image: url(http://climg.mukewang.com/582c34220001091605000150.jpg);

background-position: 10px 10px;

background-origin: content;

}

</style>

</head>

<body>

</body>

</html>

写回答

1回答

好帮手慕星星

2020-04-27

已采纳

同学你好，代码还需要完善：

1、盒子宽高可以设置小一些，因为第二张图片比第一张稍微小一些，为了看到效果，所以建议调整小一些

2、元素还需要添加padding值，边框应该是有透明效果的

3、开始背景图片区域绘制到内边距框应该用background-clip属性

4、移入之后背景图片显示范围从边框开始，并且背景图片的起点从内容区域，代码中单词写错了

参考修改

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

hq_慕先生0342934

h 好的，老师辛苦了

h020-04-27

共1条回复

0 学习 · 40143 问题

查看课程

相似问题

3-2 老师帮我检查一下

回答 1

老师，请检查

回答 2

老师请检查

回答 2

回答 3

请老师检查，对吗？

回答 2

打开慕课网App查看更多内容