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
。
相關文章
- echars legend未選中、點選後的顏色修改
- 【HTML】顏色和選擇器HTML
- 快速搭建直播平臺,點選按鈕(Button)後改變顏色
- HTML 顏色HTML
- html 顏色選擇器 親測,很好用HTML
- 短視訊開發,點選按鈕Button,更換背景顏色
- 顏色轉換
- CSS設定元素的背景顏色CSS
- HTML <meter> 顏色規則HTML
- 短視訊平臺原始碼,點選ul/li改變背景顏色原始碼
- JavaScript點選設定背景顏色的選項卡程式碼JavaScript
- HTML 替換元素與非替換元素HTML
- 改變SVG圖的顏色SVG
- Flutter 實現“斑馬紋”背景(需要變換顏色)Flutter
- HTML 空元素 And 可替換元素HTML
- 選中按鈕改變文字大小和顏色
- 點選連結背景變色效果
- Webview載入html後,數字會顯示藍色可點選呼叫WebViewHTML
- 直播平臺開發,Android端簡單的顏色背景變換Android
- JavaScript 十六進位制顏色和RGB顏色值的相互轉換JavaScript
- web前端 改變SVG圖的顏色Web前端SVG
- linux改變shell的輸出顏色Linux
- 如何改變你的終端顏色
- 圖示任意改變顏色
- CardView改變陰影顏色View
- HTML-CSS顏色樣式(推薦)HTMLCSS
- 移動端模擬hover:按鈕點選變色之後還原
- CSS魔法堂:改變單選框顏色就這麼吹毛求疵!CSS
- Echarts根據資料長度變換柱狀圖柱狀的顏色Echarts
- JavaScript單擊變色再次點選還原JavaScript
- JavaScript 點選表格行實現背景變色JavaScript
- Android 顏色透明度換算Android
- word 中批次替換字型顏色
- 需求背後程式設計師的辛酸—(由APP主題顏色隨手機殼顏色變化需求帶來的思考)程式設計師APP
- pycharm改變語法錯誤的顏色PyCharm
- Appium 切換進入 webview,點選元素偏離APPWebView
- Flutter改變狀態列字型、狀態列背景顏色、Appbar背景顏色的方式FlutterAPP
- Android 圓形ProgressBar 改變顏色Android