请老师检查
来源：2-7 编程练习
慕斯9523191
2020-08-12 10:38:07
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background-origin</title>
<style type="text/css">
div{width:300px;height:140px;background:url(http://climg.mukewang.com/582c342b0001fd6507000210.jpg);padding:10px;border:10px solid purple; }
div:hover{background:url(http://climg.mukewang.com/582c34220001091605000150.jpg) no-repeat;background-origin:content-box;}
</style>
</head>
<body>
<div></div>
</body>
</html>
2回答
-
好帮手慕粉
2020-08-12
同学你好，老师测试的同学第二次提交的代码，实现的是正确的。给边框添加个透明度效果会更好：
继续加油，祝学习愉快~
0 -
慕斯9523191
提问者
2020-08-12
更正：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background-origin</title>
<style type="text/css">
div{width:300px;height:140px;background:url(http://climg.mukewang.com/582c342b0001fd6507000210.jpg);padding:10px;border:10px solid purple; }
div:hover{background:url(http://climg.mukewang.com/582c34220001091605000150.jpg) no-repeat;background-position:10px 10px;background-origin:content-box;background-clip:border-box;}
</style>
</head>
<body>
<div></div>
</body>
</html>
0
相似问题