| 導購 | 订阅 | 在线投稿
分享
 
 
 

用css樣式控制超鏈接顔色顯示

2008-08-19 06:51:05  編輯來源:互聯網  简体版  手機版  移動版  評論  字體: ||

很多人在網頁上實現不同鏈接有不同的顔色上不知如何處理,如果改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~~

很多人在網頁上實現不同鏈接有不同的顔色上不知如何處理,如果改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~~
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有