css設定連結a的狀態的例項程式碼

螞蟻小編發表於2017-02-27
原文網址 : https://www.softwhy.com/article-1960-1.html
CSS

超連結可以根據不同的狀態設定響應的樣式，下面就是一段能夠實現此功能的程式碼例項。

程式碼例項如下:

[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 連結一章節。

相關文章