CSS设置动态超链接的方法-创新互联

今天小编就为大家带来一篇CSS设置动态超链接方法的文章。小编觉得挺不错的，为此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联公司致力于互联网网站建设与网站营销，提供成都网站设计、网站建设、网站开发、seo优化、网站排名、互联网营销、小程序制作、公众号商城、等建站开发，创新互联公司网站建设策划专家，为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。

HTML中，超链接是通过标记<a>实现的，具体的地址使用标记<a>的href属性。

<ahref="http://blog.csdn.net/nangeali">ali的博客</a>

默认的情况下，浏览中的超链接统一为蓝色并且有下划线，点击过后的超链接则为紫色，而且也有下划线。

CSS可以设置超链接的各种属性，比如字体、颜色和背景等等，而且，可以通过伪类别制作很多动态效果。

首先，去掉超链接的下划线：

a{   text-decoration:none;  }

此时，无论是超链接本身，还是点击过的超链接下划线都去掉了。

CSS的伪类别——Anchor Pseudo Classes，使用伪类别制作动态下过，具体的属性如下：

A:link——超链接的普通样式，正常浏览器中的样式。

A:visited——点击过的超链接的样式。

A:hover——鼠标指针经过超链接上时的样式。

A:active——在超链接上单击时，即当前激活时，超链接的样式。

<html>
       <head>
              <title>                    
              </title>
              <style>
                     <!--
                     a:link{
                     color:#005799;
                     text-decoration:none;
              }
                     a:visited{
                     color:#0000;
                     text-decoration:none;
              }
                     a.hover{
                     color:#ffff00;
                     text-decoration:underline;
              }
                     -->
              </style>
       </head>    
       <body>
              <table width="600px"cellpadding="2" class="chara1" align="center">
                     <tr>
                            <td><a href="#">首页</a></td>
                            <td><a href="#">心情日记</a></td>
                            <td><ahref="#">Free</a></td>
                            <td><a href="#">一起走到</a></td>
                            <td><a href="#">从明天起</a></td>
                            <td><a href="#">纸飞机</a></td>
                            <td><a href="#">下一站</a></td>
                     </tr>   
              </table>
       </body>
</html>

可以看出，超链接本身都是深蓝色，没有下划线，点击过后变成了黑色也没有下划线，当鼠标指针经过时，超链接变成了黄色，而且有下划线。

此外，各种背景、边框和排版的效果都可以加入到超链接的几个伪属性中，当前激活状态a:active，一般显示的情况非常少，很少使用。

当用户单击一个超链接之后，焦点很容易就会转移到其他地方，比如新打开的窗口等，此时，超链接就不是当前激活状态了。

以上就是CSS设置动态超链接方法的介绍，详细使用情况还需要大家自己使用过才领会。如果想了解更多相关内容，欢迎关注创新互联成都网站设计公司行业资讯频道！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章题目：CSS设置动态超链接的方法-创新互联
网页URL：https://www.cdcxhl.com/article34/djsise.html

成都网站建设公司_创新互联，为您提供网站建设、网站排名、面包屑导航、静态网站、自适应网站、小程序开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容