
在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教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答