老师,帮忙看下

来源: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

你好同学,把盒子宽高以及透明度调整大一点更好看,如下

http://img.mukewang.com/climg/5cb6db9b0001238106490175.jpg

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程