連結變色, 我想連結變色大概就是最受矚目的CSS功能了吧？
我想連結變色大概就是最受矚目的CSS功能了吧？
STEP1:【連結變色程式碼】 <head>
<style>
<!--
A:link{color:blue; font-size:9pt; text-decoration:none}
A:visited{color:blue; font-size:9pt; text-decoration:none}
A:hover{color:red; font-size:9pt; text-decoration:underline}
A:active{color:red; font-size:9pt; text-decoration:underline}
-->
</style>
</head> 這個連結變色是最簡單的了，別忘了這是個設定，要放在<head></head>之間喔。<!--和-->是給不支援CSS的瀏覽器用的，代表跳過這一段程式碼而不顯示出來。現在要開始講解囉！
A:link是代表普通狀態的連結
A:visited是代表造訪過的連結
A:hover是代表滑鼠移到連結
A:active是代表按下去連結
color是代表連結顏色
font-size是代表連結文字大小，適用point(pt)或是pixels(px)
text-decoration是代表文字樣式，none代表沒有底線
大概就是這樣囉！阿得在這裡教您玩個小小的魔術，你到瀏覽器的工具列(檢視>字型>最大)，你會發現這些畫面上的連結的大小完全沒有改變，沒錯！這就是CSS的魔力。如果您用HTML碼的話會發現，利用字型可以改變您的排版文字大小。
STEP2:【準備使用CSS】 不難吧？你只要把上面那一段程式碼複製到你的網頁的<head></head>之間就可以了，自己再改一改紫色部分的設定就OK囉！聰明的您應該也發現，現在您的連結不會跟著使用者設定大小改變，可是其他用HTML碼設定的文字卻會改變，不是很不協調嗎？
您說的沒錯！不過這一單元是連結變色，下一單元我們會進一步講解將這些設定套用到內文上，如果您有興趣的話，我們下次見囉！
(其實原理是因為你用pixels去設定，如果你畫面大小不換，pixels的大小不會變你的文字大小當然也不會變囉)
有問題的話歡迎來信諮詢阿得，我很樂意為大家服務