• a:link{/*這個設定還沒有點過前的超連結*/
  • a:visited{/*這個設定已經被點過前的超連結*/
  • a:hover{/*這個設定滑鼠移過去時會變成的樣子*/
  • a:active{/*這個設定滑左鍵按住不放時會變成的樣子*/

<!DOCTYPE html>

 

<html lang="zh-tw">

 

    <head>

       <title>超連結有關的選擇器</title>

       <meta charset="UTF-8">

 

    <style>/*選擇器一樣放在這裡面，因為超連結是<a href>，所以是用a來設定*/

    a:link{/*這個設定還沒有點過前的超連結*/

           color:#666666;

           text-decoration: none

       }

       a:visited{/*這個設定已經被點過前的超連結*/

           color:#FF5511

       }

       a:hover{/*這個設定滑鼠移過去時會變成的樣子*/

           color:#444444;

           font-size:200%

       }

       a:active{/*這個設定滑左鍵按住不放時會變成的樣子*/

           color:#003377;

           font-size:300%

       }

 

       </style>

    </head>

 

    <body>

       <a href="first.html">前往第一頁</a><br>

       <a href="hyperlink.html">前往超連結練習頁</a><br>

       <a href="list.html">前往清單練習頁</a><br>

 

    </body>

 

</html>

arrow
arrow
    全站熱搜

    乙方 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄