css 伪类

浏览数：38 / 时间：2015年06月09日

网址：http://www.dreamdu.com/css/pseudo-classes/

<!DOCTYPE html>
<html>
<head>
<style>
div:link    {  background-color:blue;}
div:visited {  background-color:blue;}
div:hover   {  background-color:red;}
div:active  {  background-color:yellow;}
</style>
</head>
<body>

<div style="height:100px;boder;border: 1px solid white;">
将鼠标指针移动到这个链接上将鼠标指针移动到这个链接上将鼠标指针移动到这个链接上将鼠标指针移动到这个链接上将鼠标指针移动到这个链接上：<a href="http://www.w3school.com.cn">w3school.com.cn</a>
</div>
</body>
</html>

a:link {color:#FF0000;} /* 未被访问的链接 */
a:visited {color:#00FF00;} /* 已被访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */
a:active {color:#0000FF;} /* 正在被点击的链接 */

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

css 伪类