html點選<a>元素後顏色的變換
可以利用CSS的偽類實現:
a:link,定義正常連結的樣式;
a:visited,定義已訪問過連結的樣式;
a:hover,定義滑鼠懸浮在連結上時的樣式;
a:active,定義滑鼠點選連結時的樣式。
例子:
<style type="text/css">
a:link {
color:#3C3C3C;
text-decoration:underline;
}
a:visited {
color:#0000FF;
text-decoration:none;
}
a:hover {
color:#FF00FF;
text-decoration:none;
}
a:active {
color:#D200D2;
text-decoration:none;
}
</style>
<a href="http://baidu.com" target=`_blank`>****</a>
例子說明:定義的連結顏色是
3C3C3C
,訪問過後的連結是藍色,滑鼠懸浮在連結上時是
FF00FF
,點選時的顏色是
D200D2
。
相關文章
- JavaScript元素點選背景顏色切換JavaScript
- JavaScript點選按鈕切換背景顏色JavaScript
- 快速搭建直播平臺,點選按鈕(Button)後改變顏色
- 【HTML】顏色和選擇器HTML
- 計算機中的顏色XIV——快速變換顏色的V分量計算機
- HTML 顏色HTML
- 改變UITableView選中行高亮的顏色UIView
- HTML 顏色色號HTML
- 如何實現連結點選前和點選後的顏色一致
- UIButton點選更改顏色UI
- CSS 改變文字選中顏色CSS
- js實現的點選連結<a>實現切換背景顏色JS
- 點選按鈕實現切換頁面背景顏色效果
- html 顏色選擇器 親測,很好用HTML
- 解決html中input的placeholder的顏色,點選時消失,input點選時樣式的問題HTML
- 顏色轉換
- 短視訊開發,點選按鈕Button,更換背景顏色
- CSS改變文字選中狀態下的顏色CSS
- CSS設定元素的背景顏色CSS
- css3 ::selection的用法(改變選中文字的背景顏色或者文字顏色)CSSS3
- 設定TextView按下時變換文字顏色TextView
- 短視訊平臺原始碼,點選ul/li改變背景顏色原始碼
- JavaScript點選設定背景顏色的選項卡程式碼JavaScript
- HTML <meter> 顏色規則HTML
- Html顏色程式碼表HTML
- 改變SVG圖的顏色SVG
- Flutter 實現“斑馬紋”背景(需要變換顏色)Flutter
- RGB顏色與16進位制顏色的換算方法
- jQuery連結點選變色 點選其他還原jQuery
- 美高校研發“智慧”變色眼鏡 鏡片顏色隨便換
- 選中按鈕改變文字大小和顏色
- PPT 2007變換複雜公式顏色公式
- CSS 顏色漸變的程式碼.CSS
- HTML 替換元素與非替換元素HTML
- Webview載入html後,數字會顯示藍色可點選呼叫WebViewHTML
- JavaScript 十六進位制顏色和RGB顏色值的相互轉換JavaScript
- HTML 空元素 And 可替換元素HTML
- HTML5inputplaceholder顏色修改HTML