CSS初級入門：串連屬性

css

　　串連屬性

　　在 HTML 檔案裡的超串連文字經過瀏覽器的解釋後都會以加底線的方式來顯示，並沒有動態效果，通過 CSS 之 Anchor Pseudo Classes，大家可以將超串連文字的顯示方式做到幾種不同的變化。

　　例如：<A HREF=http://www.webjx.com>www.webjx.com</A>

　　以上的超級串連經過在瀏覽器頁面上是以加底線的方式顯示。 但如果利用 CSS 之 Anchor Pseudo Classes 則可以做出動態效果，其標籤如下：記得兩個屬性見 " ; " 隔開，詳細屬性值設定請參閱 CSS 常用屬性 ( Properties ) 與設定值一覽表。

原始代碼	A:link{color:blue; font-size:14pt; text-decoration:underline} A:visited{color:blue; font-size:14pt; text-decoration:underline} A:hover{color:red; font-size:14pt; text-decoration:none} A:active{color:red; font-size:9pt; text-decoration:none}
顯示結果	Click Here !

　　屬性分類

　　A:link 是代表普通狀態的串連
　　A:visited 是代表訪問過的串連
　　A:hover 是代表滑鼠移到串連
　　A:active 是代表按下去串連
　　color 是代表串連顏色
　　font-size 是代表串連文字大小，適用 point(pt) 或是 pixels(px)
　　text-decoration 是代表文字樣式，none 代表沒有底線