如何讓鼠標點擊過之后的鏈接字體顏色變化
4 回答
翻過高山走不出你
TA貢獻1875條經(jīng)驗 獲得超3個贊
<style type="text/css">
<!--
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
-－>
</style>
其中：
a:link 指正常的未被訪問過的鏈接；
a:active 指正在點的鏈接；
a:hover 指鼠標在鏈接上；
a:visited 指已經(jīng)訪問過的鏈接；
text-decoration是文字修飾效果的意思；
none參數(shù)表示超鏈接文字不顯示下劃線；
underline參數(shù)表示超鏈接的文字有下劃線
狐的傳說
TA貢獻1804條經(jīng)驗 獲得超3個贊
HTML中可以用CCS樣式來控制鼠標經(jīng)過超鏈時變色?？梢晕淖肿兩部墒箤拥谋尘白兩?/p>
具體例子：
1，使文字變色，新建一個ID為abc的DIV 在里 在DIV寫入文字（任意文字）
同時建立一個空連接 代碼如下：
1 |
|
同時 定義文字的CSS樣式（文字為黑色宋體） 代碼如下：
1 2 3 4 5 6 7 8 |
|
再定義 鼠標經(jīng)過時 文字的顏色 （文字為宋體 紅色）代碼變?yōu)椋?/p>
1 2 3 4 5 6 7 8 9 10 11 12 |
|
2，使背景色變色，在示例1中的DIV 定義它為高度 寬度分別為50px; 背景為灰色
同時a標簽也定義高度 寬度分別為50px;的塊
代碼如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
再定義鼠標經(jīng)過時變動的顏色（顏色為藍色） 代碼如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
|
添加回答
舉報
0/150
提交
取消