DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS初級入門:連接屬性
CSS初級入門:連接屬性
編輯:CSS進階教程     

  連接屬性

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

  例如:<A HREF=http://www.applelife.cn>www.applelife.cn</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 代表沒有下劃線

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved