- 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>
全站熱搜
留言列表
【前端網頁開發技術】 (4)
