建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要講解了“去除HTML超鏈接的下劃線的方法”，文中的講解內(nèi)容簡單清晰，易于學(xué)習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習“去除HTML超鏈接的下劃線的方法”吧！
創(chuàng)新互聯(lián)公司是一家專業(yè)提供臨漳企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為臨漳眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。
先舉個例子：這個超鏈接未被點擊時超鏈接文字無下劃線，顯示為藍色；當鼠標經(jīng)過鏈接時有下劃線，鏈接文字顯示為紅色；當點擊鏈接后，鏈接無下劃線，顯示為綠色。實現(xiàn)方法很簡單，在
和之間加上如下的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}
其中：
a:link指正常的未被訪問過的鏈接；
a:active指正在點的鏈接；
a:hover指鼠標在鏈接上；
a:visited指已經(jīng)訪問過的鏈接；
text-decoration是文字修飾效果的意思；
none參數(shù)表示超鏈接文字不顯示下劃線；
underline參數(shù)表示超鏈接的文字有下劃線
鼠標經(jīng)過的效果圖：
下劃線.jpg
怎么去除超鏈接的下劃線
我們只需要使用a{text-decoration:none;}就可以設(shè)置超鏈接標簽?zāi)J狀態(tài)下去除下劃線。代碼如下：
a{text-decoration:none;color:red;}
生活不止眼前的茍且，還有詩和遠方的田野
感謝各位的閱讀，以上就是“去除HTML超鏈接的下劃線的方法”的內(nèi)容了，經(jīng)過本文的學(xué)習后，相信大家對去除HTML超鏈接的下劃線的方法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！
網(wǎng)頁名稱：去除HTML超鏈接的下劃線的方法
文章轉(zhuǎn)載：http://fisionsoft.com.cn/article/ghijii.html
