(8)CSS鏈結與鏈結偽類

2021-06-21 16:34:21 字數 766 閱讀 4185

除非明確指定鏈結樣式,否則大部分瀏覽器使用藍色字型與下劃線顯示鏈結。這裡我們學習一下用css控制鏈結的樣式。常用於鏈結的屬性如下:

2. background-color:突出顯示鏈結,加背景

3. text-decoration:給鏈結新增下劃線(也用於文字的上劃線,刪除線或閃爍)

1. link : 用於正常狀態的鏈結樣式

2. visited : 用於已經訪問的鏈結樣式(只要該鏈結對應**訪問過即可,並不一定要是從該鏈結點訪問)

3. hover : 用於當滑鼠懸停在連線上時的樣式

4. active : 用於當前啟用(的鏈結的樣式)

效果圖如下:

css**如下:

a 

a:link

a:visited

a:hover

a:active

html**如下:

我是已訪問鏈結

我是未訪問鏈結

我是滑鼠指向的鏈結

疑問:為什麼link偽類設定了text-decoration: underline後,即使visited偽類設定了text-decoration: none,已訪問過的鏈結仍然有下劃線(該鏈結的其他設定為visited偽類確實為的設定)?

CSS偽類 動態鏈結

偽類可以看做是一種特殊的類選擇符,是能被支援css的瀏覽器自動所識別的特殊選擇符。它的最大的用處就是可以對鏈結在不同狀態下定義不同的樣式效果。1.語法 selector pseudo class 選擇符 偽類 偽類和類不同,是css已經定義好的,不能象類選擇符一樣隨意用別的名字,根據上面的語法可以解...

css 3鏈結偽類與動態偽類

鏈結偽類link 表示作為超連結,並指向乙個未訪問的位址的所有錨 鏈結偽類不可以加在div上 點我點我點我 我是div啦 view code 點我點我點我 view code 可以利用target寫乙個div切換 div1 div2 div3 div1 div2 div3 view code 動態偽...

css 3鏈結偽類與動態偽類

鏈結偽類link 表示作為超連結,並指向乙個未訪問的位址的所有錨 鏈結偽類不可以加在div上 點我點我點我 test 我是div啦 view code 點我點我點我 view code 可以利用target寫乙個div切換 div1 div1 div2 div2 div3 div3 div1 div...