你好,请问这样对不对?
来源:2-7 编程练习
慕用1366767
2020-02-26 11:38:09
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background-origin</title>
<style>
.div1{
width:500px;
height:150px;
border:10px solid blue;
background-repeat: no-repeat;
background-image:url(http://img1.sycdn.imooc.com\/climg/582c342b0001fd6507000210.jpg);
background-clip:padding-box;
}
.div1:hover{
background-image:url(http://img1.sycdn.imooc.com\/climg/582c34220001091605000150.jpg);
background-origin:content-box;
background-position:10px 10px;
}
</style>
</head>
<body>
<div class="div1"></div>
</body>
</html>1回答
好帮手慕夭夭
2020-02-26
同学你好,边框建议设置一个带透明度的。且鼠标移入时,需要加入裁剪效果。具体参考如下:

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