在網頁上連接的預設樣式為藍色，且有下劃線。
改變此預設的樣式之範例：
<!DOCTYPE html>
<html>
<head>
<title>CSS 連接效果</title>
<meta charset="utf-8">
<style type="text/css">
a:link{
color:#FF0000;
text-decoration:none;
}
a:hover{
color:#00FF00;
text-decoration:underline;
}
a:active{
color:#FF00FF;
text-decoration:underline;
}
</style>
</head>
<body>
<a href="sample.php" target="_blank">點我看效果</a>
</body>
</html>
- 連接文字的顏色是紅色，且沒有下劃線。
- 當滑鼠移到連接上面時，文字顏色變為綠色，且下劃線會出現。
- 當連接被點擊時，文字顏色變為粉紅色，且下劃線不會消失。
iThome鐵人賽
看影片追技術