CSS初級入門:串連屬性

來源:互聯網
上載者:User
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 代表沒有底線



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。