首頁 > web前端 > html教學 > 如何去除html中超連結下劃線的實例

如何去除html中超連結下劃線的實例

黄舟
發布: 2017-07-22 14:00:55
原創
2433 人瀏覽過

我們可以用CSS語法來控制超連結的形式、顏色變化。

  下面我們做一個這樣的鏈接:未被點擊時超鏈接文字無下劃線,顯示為藍色;當滑鼠在鏈接上時有下劃線,鏈接文字顯示為紅色;當點擊鏈接後,鏈接無底線,顯示為綠色。

  實作方法很簡單,在原始碼的和之間加上如下的CSS語法控制:

 <style type="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  #text  -decoration是文字修飾效果的意思;
  none參數表示超連結文字不顯示下劃線;
  underline參數表示超連結的文字有底線

#   同樣,如果講none替換成overline則給

###   同樣,如果講none替換成overline則給######   同樣,如果講none替換成overline則給超連結文字加上劃線,換成line-through為超連結文字加上刪除線,blink則使文字在閃爍。 ###

以上是如何去除html中超連結下劃線的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板