老师这种可以吗
来源：2-7 编程练习
慕先生1376233
2020-05-25 15:15:59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>定位</title>
<style type="text/css">
div{
width: 400px;
height: 200px;
border: 10px solid red;
background: url(http://climg.mukewang.com/582c342b0001fd6507000210.jpg) no-repeat;
margin: auto;
}
div:hover{
background:url(http://climg.mukewang.com/582c34220001091605000150.jpg) no-repeat 10px 10px;
background-origin: content-box;
background-size: cover;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
写回答
1回答
-
好帮手慕星星
2020-05-25
同学你好，代码中存在问题
1、边框需要是有透明效果的
2、需要添加padding值，这样会使盒子变大，然后盒子高度可以设置小一些，避免填充不到边框
3、默认效果背景图被裁剪到padding部分
参考修改：
祝学习愉快！
0
