<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      如何去掉html中超鏈接下劃線的案例

      [摘要]我們可以用CSS語法來控制超鏈接的形式、顏色變化! ∠旅嫖覀冏鲆粋這樣的鏈接:未被點擊時超鏈接文字無下劃線,顯示為藍色;當鼠標在鏈接上時有下劃線,鏈接文字顯示為紅色;當點擊鏈接后,鏈接無下劃線,顯示為綠色! 崿F方法很簡單,在源代碼的<head>和<head>之間加上如...
      我們可以用CSS語法來控制超鏈接的形式、顏色變化。

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

        實現方法很簡單,在源代碼的<head>和<head>之間加上如下的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-decoration是文字修飾效果的意思;
        none參數表示超鏈接文字不顯示下劃線;
        underline參數表示超鏈接的文字有下劃線

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

      以上就是如何去掉html中超鏈接下劃線的實例 的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清