a標簽的下劃線是瀏覽器中鏈接的默認外觀樣式，可以使用text-decoration屬性來去除，只需要a標簽設置“text-decoration: none;”樣式即可。text-decoration屬性用于規定添加到文本的修飾，當該屬性的值設置為“none”則表示不添加文本修飾，已有的文本修飾也會被去除。

前端（vue）入門到精通課程：進入學習
API 文檔、設計、調試、自動化測試一體化協作工具：點擊使用

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML a標簽

HTML使用標簽 <a>來設置超文本鏈接（簡稱“超鏈接”），用于從一個頁面鏈接到另一個頁面。

<a> 標簽可定義錨。錨 (anchor) 有兩種用法：

通過使用 href 屬性，創建指向另外一個文檔的鏈接（或超鏈接）通過使用 name 或 id 屬性，創建一個文檔內部的書簽（也就是說，可以創建指向文檔片段的鏈接）<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標。

在所有瀏覽器中，鏈接的默認外觀是：未被訪問的鏈接帶有下劃線，而且是藍色的；已被訪問的鏈接帶有下劃線，而且是紫色的；活動鏈接帶有下劃線，而且是紅色的。

<a href="#">a標簽</a><br> <a href="#">a標簽</a><br> <a href="#">a標簽</a><br>

如果覺得下劃線不好看，在HTML中可以通過給a標簽添加text-decoration樣式來刪除下劃線。

text-decoration 屬性規定添加到文本的修飾，下劃線、上劃線、刪除線等；當該屬性的值設置為“none”時，則表示定義標準的文本，不添加文本修飾（即使已有的文本修飾也會被去除）。

利用這個屬性值我們可以去掉已經有下劃線或刪除線或頂劃線的樣式。

<a href="#">a標簽，默認有下劃線</a><br> <a href="#" style="text-decoration: none;">a標簽，去掉下劃線</a>

擴展知識：text-decoration 屬性的值

（學習視頻分享：web前端）