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

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
API 文檔、設(shè)計(jì)、調(diào)試、自動化測試一體化協(xié)作工具：點(diǎn)擊使用

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

HTML a標(biāo)簽

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

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

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

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

<a href="#">a標(biāo)簽</a><br> <a href="#">a標(biāo)簽</a><br> <a href="#">a標(biāo)簽</a><br>

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

text-decoration 屬性規(guī)定添加到文本的修飾，下劃線、上劃線、刪除線等；當(dāng)該屬性的值設(shè)置為“none”時，則表示定義標(biāo)準(zhǔn)的文本，不添加文本修飾（即使已有的文本修飾也會被去除）。

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

<a href="#">a標(biāo)簽，默認(rèn)有下劃線</a><br> <a href="#" style="text-decoration: none;">a標(biāo)簽，去掉下劃線</a>

擴(kuò)展知識：text-decoration 屬性的值

（學(xué)習(xí)視頻分享：web前端）