京东秒杀下面没有下划线，跳转不了。不知道a哪里错了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{margin:0;padding:0;}
        li{width:100px;height:50px;line-height:50px;text-align: center;
        border:1px solid black;}
        ul{list-style-type: none;position:fixed;top:200px;right:0px;}
        div{height:600px;border:1px solid #ccc;}
    </style>
</head>
<body>
    <ul>
        <li><a herf="#a">京东秒杀</a></li>
        <li><a href="#b">双11</a></li>
        <li><a href="#c">频道优选</a></li>
        <li><a href="#d">特色广场</a></li>
    </ul>
    <div id="a">京东秒杀</div>
    <div id="b">双11</div>    
    <div id="c">频道优选</div>    
    <div id="d">特色广场</div>    
</body>
</html>

herf写错了
是href

img


改为href就好啦

哈哈哈

img