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

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

<!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

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

1回答
Steve007 2019-03-14 10:49:25

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

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

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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