老师,这道题,没有思路,做不出来,能帮我理一下吗?

老师,这道题,没有思路,做不出来,能帮我理一下吗?

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>background-size</title>

    <style type="text/css">

        a{text-decoration:none;}

        ul{list-style:none;}

        div{

            background-image:url("http://img1.sycdn.imooc.com/climg//582c37e50001b08102000065.jpg");

            width:100px;height:100px;

            display:none;border:2px solid red;

            background-repeat:no-repeat;

        }          

        /*补充代码*/

    </style>

</head>

<body>

    <h2>background-size不同属性值不同效果</h2>

    <ul>

        <li  class="length">

            <h3><a href="">100px 100px</a></h3>

            <div></div>

        </li> 

        <li  class="percent">

            <h3><a href="">50% 50%</a></h3>

            <div></div>

        </li> 

        <li  class="cover">

            <h3><a href="">cover</a></h3>

            <div></div>

        </li> 

        <li  class="contain">

            <h3><a href="">contain</a></h3>

            <div></div>

        </li> 

    </ul>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2019-11-06 09:41:47

同学你好, 首先,我们要了解, 给谁添加hover就表示鼠标移入到哪一个元素哦

然后,对于同学的疑惑,建议:同学可以将你写的完整代码粘贴过来, 便于老师针对你写的代码帮助你准确的定位与解决问题,祝学习愉快~~~~

好帮手慕言 2019-11-05 10:12:03

同学你好,这道题主要是考察同学对background-size属性的掌握情况。

老师在视频中有详细的讲解哦

http://img1.sycdn.imooc.com//climg/5dc0d93d09d24dcd13280691.jpg

熟悉了这个属性之后,再配合hover来实现,可以根据练习提示来实现下

http://img1.sycdn.imooc.com//climg/5dc0d99a0971711805240812.jpg

同学要尝试自己写一写,在问答区也有其他小伙伴写的比较好的,同学可以参考下。

如果不确定自己写的对不对,可以把代码粘贴到问答区,老师或者其他小伙伴会帮助同学检查的。

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

  • 提问者 许维栋 #1
    我的hover不清楚该加给谁,,写出来之后,图片会和标题重合;这才是我想问的
    2019-11-05 19:48:11
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师