请问对吗?

来源:2-7 编程练习

慕九州8529650

2019-12-01 21:56:17

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>background-origin</title>
        <style>
            *{
                margin:0;
                padding:0;
                border:none;
            }
            div{
                width:576px;
                height:200px;
                padding:5px;
                background:url('http://climg.mukewang.com/582c342b0001fd6507000210.jpg') no-repeat 0 0;
                background-clip:padding-box;
                border:5px solid #00f;
            }
            div:hover{
              width:576px;
                height:200px;
                background-origin:padding-box;
                background:url('http://climg.mukewang.com/582c34220001091605000150.jpg') no-repeat 10px 10px;
                }
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>


写回答

1回答

好帮手慕夭夭

2019-12-02

同学你好,是对的。不过效果还可以优化一下,例如把边框改成半透明的颜色,盒子宽高调整一下更好看。参考如下:

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

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

0

0 学习 · 40143 问题

查看课程

相似问题