请问对吗?
来源:2-7 编程练习
慕九州8529650
2019-12-01 21:56:17
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background-origin</title>
<style>
*{
margin:0;
padding:0;
border:none;
}
div{
width:576px;
height:200px;
padding:5px;
background:url('http://climg.mukewang.com/582c342b0001fd6507000210.jpg') no-repeat 0 0;
background-clip:padding-box;
border:5px solid #00f;
}
div:hover{
width:576px;
height:200px;
background-origin:padding-box;
background:url('http://climg.mukewang.com/582c34220001091605000150.jpg') no-repeat 10px 10px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>1回答
好帮手慕夭夭
2019-12-02
同学你好,是对的。不过效果还可以优化一下,例如把边框改成半透明的颜色,盒子宽高调整一下更好看。参考如下:

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