DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 用css樣式控制超鏈接顏色顯示
用css樣式控制超鏈接顏色顯示
編輯:CSS詳解     
很多人在網頁上實現不同鏈接有不同的顏色上不知如何處理,如果改a的屬性,好像所有的鏈接的顏色都改了。

  事實上,采用CSS樣式實現這個效果比較簡單。

  先看一下常用設置:

a:link 超鏈接的普通樣式
a:visited 點擊過的
a:hover 鼠標經過時的
a:active 單擊時
a:link{text-decoration:none;}       無下劃線
a:link{text-decoration:underline;}   有下劃線

  為了實現不同鏈接不同效果,我們要為不同效果的那個鏈接專門定義一個CSS規則。

  比如:

我們常規CSS是這樣的:
a:link{color:#ff0000}
那麼網頁上所有鏈接的顏色都是:#ff0000。
現在我們改一下:
a:link{color:#ff0000}
.line1 a:link{color:#000000}
同時,在要改變顏色的鏈接前加上CSS定義,像這樣:<span class=line1><a href="/">不同顏色的超鏈接</a></span>,這樣的話,這個鏈接的顏色就改變了。

Over~~

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