在html代碼中去掉超鏈接的下劃線需要的是css中的text-decoration這個屬性。

對于text-decoration屬性，我們需要定義的參數是 text-decoration:none;就可以去掉超鏈接的下劃線。（關于text-decoration屬性中其他參數大家可以參考css學習手冊）.

下面我們就直接來看html中a超鏈接去掉下劃線的代碼。

 !DOCTYPE html  html  head  meta charset= utf-8  style type= text/css  a{text-decoration:none} /style  /head  body 歡迎來到 a href= http://www.survivalescaperooms.com/ php  /a ！ /body  /html 

html中a超鏈接去掉下劃線的效果如下：

上面的代碼所實現的是將html中a超鏈接下劃線直接去掉，可是我們有時候需要讓超鏈接去掉下劃線，但鼠標停留在上面時有下劃線，這該如何實現呢？下面我們就來直接看一下代碼。

 !DOCTYPE html  html  head  meta charset= utf-8  style type= text/css a:link,a:visited{ text-decoration:none; /*超鏈接無下劃線*/a:hover{ text-decoration:underline; /*鼠標放上去有下劃線*/ /style  /head  body 歡迎來到 a href= http://www.survivalescaperooms.com/ php  /a ！ /body  /html 

說明：上述代碼中讓超鏈接去掉下劃線，但鼠標停留在上面時有下劃線用到了:hover，在樣式表里屬于偽類，表示鼠標懸停時候的狀態。

以上就是本篇文章的全部內容了，更多精彩大家可以關注php ！！！

以上就是html如何去掉超鏈接下劃線？html超鏈接去掉下劃線的方法介紹的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。