老师,帮忙看下
来源:2-7 编程练习
goufully
2019-04-17 15:26:01
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>background-origin</title>
<style type=text/css>
* {
margin: 0;
padding: 0;
border: none;
}
div {
width: 150px;
height: 75px;
padding:10px;
border: 10px solid rgba(145, 60, 196, .25);
background: url("http://climg.mukewang.com/582c342b0001fd6507000210.jpg");
background-clip: padding-box;
}
div:hover {
background: url("http://climg.mukewang.com/582c34220001091605000150.jpg")
no-repeat;
background-origin: content-box;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
1回答
好帮手慕夭夭
2019-04-17
你好同学,把盒子宽高以及透明度调整大一点更好看,如下
祝学习愉快 ,望采纳。
相似问题