HTML中如何去除超鏈接的下劃線

這篇文章將為大家詳細講解有關HTML中如何去除超鏈接的下劃線，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

目前成都創新互聯公司已為上千的企業提供了網站建設、域名、雅安服務器托管、網站托管維護、企業網站設計、阿瓦提網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

先舉個例子：這個超鏈接未被點擊時超鏈接文字無下劃線，顯示為藍色；當鼠標經過鏈接時有下劃線，鏈接文字顯示為紅色；當點擊鏈接后，鏈接無下劃線，顯示為綠色。實現方法很簡單，在<head>和</head>之間加上如下的CSS代碼：

<styletype="text/css">

a:link{text-decoration:none;color:blue}

a:active{text-decoration:blink}

a:hover{text-decoration:underline;color:red}

a:visited{text-decoration:none;color:green}

</style>

其中：

a:link指正常的未被訪問過的鏈接；

a:active指正在點的鏈接；

a:hover指鼠標在鏈接上；

a:visited指已經訪問過的鏈接；

text-decoration是文字修飾效果的意思；

none參數表示超鏈接文字不顯示下劃線；

underline參數表示超鏈接的文字有下劃線

鼠標經過的效果圖：

下劃線.jpg

怎么去除超鏈接的下劃線

我們只需要使用a{text-decoration:none;}就可以設置超鏈接標簽默認狀態下去除下劃線。代碼如下：

<styletype="text/css">

a{text-decoration:none;color:red;}

</style>

<body>

生活不止眼前的茍且，<ahref="#">還有詩和遠方的田野</a>

</body>

關于“HTML中如何去除超鏈接的下劃線”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播