老师,为什么链接去除不了下划线?

来源:4-2 编程练习

情人节礼物

2019-03-13 23:13:51

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>display属性</title>

        <style type="text/css">

            h2{width:200px;text-decoration:none;color:black;}

            li{display:none;}

            ul:hover li{display:inline;color:black;text-decoration:none;}

        </style>

    </head>

    <body>

        <ul>

            <a href="#"> 

            <h2>家电</h2>

            <li>冰箱</li>

            <li>空调</li>

            <li>洗衣机</li></a>

            

        </ul>

    </body>

</html>


写回答

1回答

Steve007

2019-03-14

同学,你好。因为下划线是a标签的默认样式,因此我们需要给a标签设置去除下划线的样式,如图:

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

祝学习愉快!

0

0 学习 · 36712 问题

查看课程