老师,帮忙看下
来源:2-7 编程练习
沐淇
2019-04-08 09:25:28
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background-origin</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
border: none;
}
.div_origin{
width: 150px;
height: 75px;
padding: 10px;
border: 10px solid rgba(145,60,196,.25);
padding: 10px;
background: url("http://climg.mukewang.com/582c342b0001fd6507000210.jpg");
background-clip: padding-box;
}
.div_origin:hover{
background: url("http://climg.mukewang.com/582c34220001091605000150.jpg")no-repeat 10px 10px;
background-origin: content-box;
}
</style>
</head>
<body>
<div class="div_origin"></div>
</body>
</html>
1回答
好帮手慕夭夭
2019-04-08
你好同学 ,效果实现了,继续加油哦 ,祝学习愉快 !
相似问题