css設定連結a的狀態的例項程式碼
超連結可以根據不同的狀態設定響應的樣式,下面就是一段能夠實現此功能的程式碼例項。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> a:link{ text-decoration:none; color:#000; } a:visited{ text-decoration:none; color:#6F0; } a:hover{ text-decoration:underline; color:#00F; } a:active{ text-decoration:overline; color:#F00; } a.web:visited{ text-decoration:none; color:#000; } </style> </head> <body> <div id="link"> <a href="http://www.softwhy.com">螞蟻部落</a> </div> </body> </html>
更多內容可以參閱CSS 連結一章節。
相關文章
- CSS設定連結<a>四個狀態CSS
- css梯形程式碼例項CSS
- 純css tab選項卡程式碼例項CSS
- CSS空心箭頭程式碼例項CSS
- CSS橢圓效果程式碼例項CSS
- CSS條紋背景程式碼例項CSS
- CSS 隔行變色程式碼例項CSS
- CSS 設定連結樣式CSS
- 前端學習程式碼例項-JavaScript 阻止擊超連結的跳轉前端JavaScript
- 3.4.4 檢視例項的靜默狀態
- CSS3卡通形象程式碼例項CSSS3
- css3水滴效果程式碼例項CSSS3
- css背景虛化效果程式碼例項CSS
- css繪製圓形程式碼例項CSS
- java狀態模式例項解析Java模式
- 動態連結串列的建立(程式碼)
- 設計模式例項程式碼設計模式
- css3晃動效果程式碼例項CSSS3
- CSS3心形效果程式碼例項CSSS3
- CSS3發光背景程式碼例項CSSS3
- CSS3旋轉效果程式碼例項CSSS3
- CSS3紙飛機程式碼例項CSSS3
- CSS3 translate導致字型模糊的例項程式碼CSSS3
- 達夢資料庫例項的狀態和模式資料庫模式
- CSS設定連線<a>的樣式CSS
- CSS3滑過光束效果程式碼例項CSSS3
- CSS3小黃人效果程式碼例項CSSS3
- CSS3圖層陰影程式碼例項CSSS3
- css3折角效果程式碼例項CSSS3
- CSS3梯形效果程式碼例項CSSS3
- css多行文字垂直居中程式碼例項CSS
- CSS3背景漸變效果程式碼例項CSSS3
- CSS3星系運動效果程式碼例項CSSS3
- 設定連結<a>的尺寸
- 【架構設計】無狀態狀態機在程式碼中的實踐架構
- 《bash shell指令碼程式設計經典例項(第2版)》資源連結清單指令碼程式設計
- Bash 指令碼例項:獲取符號連結的目標位置指令碼符號
- CSS3文字凹凸效果程式碼例項CSSS3
- CSS匹配第一個li元素程式碼例項CSS