css链接标签

2012/11/26 10:51:28作者：佚名来源：网络

移动端

【实例介绍】

css链接标签
超文本链接语言(网页)的精髓就是链接，通过链接才可以把世界各地的网页链到一起
成为互联网。链接标签虽然在网站设计制作中占有不可替代的地位，但是其标签只有—个，那
就是<a>标签，下面是CSS定义超链接的4个状态：
link：设置未访问的链接样式属性。
active：设置被选择(被按下)的链接样式属性：
visited：设置已访问的链接样式属性。
hover：设置当有鼠标悬停在链接上的样式属性。

【实例代码】


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
    <style type="text/css">   
   a:link{color:green;text-decoration:none}   
   a:active{color:blue;text-decoration:none}   
   a:visited{color:orange;text-decoration:none}   
   a:hover{color:red;text-decoration:underline}
   </style>  
  </head>      
 <body>  
<a href="link.html">链接标签</a> 
</body>  
</html> 
 
【代码分析】

代码中加粗部分标签是设置CSS链接样式，如图16．1所示。

链接标签
【素材及源码下载】