連結變色

 

【連結變色怎麼做?】

在開講之前,我們先直接跟您講答案!怎麼做出「連結變色」的用法?

樣式表 <style type="text/css">
A:link {color: blue}
A:visited {color: gray}
A:active {color: green}
A:hover {color: red}
</style>

這就是連結變色的 CSS 語法!怎麼套用到網頁上呢?不不不...它不需要套用!您只要將這個CSS語法乖乖的擺到網頁上即可,當網頁中有連結時,它就會自動套用上去了!夠簡單吧!若仍不懂,請看看範例及原始碼

【為什麼會這樣?】

您可以仔細瞧瞧 CSS 樣式表中所列的東西,通通都是 A: 開頭的!這是什麼意思呢?A在HTML裡面代表的就是連結...也就是說,您宣告的這四個語法都是和連結有關係的!

有什麼關係呢?嗯!關係就寫在「:」之後(注意 A:link 這中間沒有任何空白!)A:link 就是代表「正常的連結」,A:visited 就是代表「參觀過的連結」,A:active 就是代表「執行中的連結」,A:hover 比較特別,它是代表「當滑鼠移到連結上的時候」!我們再回頭看看剛剛的樣式表,我們來解釋一下:

原始CSS 其意義如下
<style type="text/css">
A:link {color: blue}
A:visited {color: gray}
A:active {color: green}
A:hover {color: red}
</style>
<CSS 樣式表開始>
一般連結:{顏色:藍色}
參觀過的連結:{顏色:灰色}
正在執行的連結:{顏色:綠色}
當滑鼠移到連結上:{顏色:紅色}
<CSS 樣式表結束>

就這樣...連結變色的效果,很快的就產生了!真的粉簡單吧!


Established since: March 28, 2003
All the design R 2003 by Admin