Html 如何删除按钮之间的仪表板链接？

我在这里有一个导航栏：

        <div id = "header">
        <h1 id = "title">  Max Atkins </h1>
        <a href = "http://users.aber.ac.uk/mta2/cs15020/Assignment">
            <div class = "headerButtons">  
                Home 
            </div> 
        </a>
        <a href = "http://users.aber.ac.uk/mta2/cs15020/Assignment/cv.html">
            <div class = "headerButtons"> 
                CV 
            </div>
        </a>
        <a href = "http://users.aber.ac.uk/mta2/cs15020/Assignment/coverletter.html">
            <div class = "headerButtons"> 
                Cover Letter
            </div>
        </a>
        <a href = "http://users.aber.ac.uk/mta2/cs15020/Assignment">
            <div class = "headerButtons"> 
                Write-Up
            </div>
        </a>
        <a href = "http://users.aber.ac.uk/mta2/wordpress">
            <div class = "headerButtons"> 
                WordPress 
            </div>
        </a>
        <a href = "http://users.aber.ac.uk/mta2/webshop/catalog">
            <div class = "headerButtons"> 
                WebShop
            </div>
        </a>
    </div>

非常感谢

更新：显示问题。

试试这个

#header a{
   text-decoration:none;
}

---

破折号实际上是一个带下划线的空格字符，您可以从html标记中删除空格，也可以使用以下css

#header a {
    text-decoration:none;
}

---

默认情况下，您的锚定标记（

也需要css。实际上，两者都做是最好的。
#header a {
    text-decoration:none;
}

text-decoration: underline;

#header a {
    text-decoration: none;
}