这篇文章主要给大家介绍css设置动态超链接的方法，有代码有文字说明，比较容易理解，感兴趣的朋友可以参考一下，希望对你有所帮助。
HTML中，超链接是通过标记实现的，具体的地址使用标记的href属性。
ali的博客
默认的情况下，浏览中的超链接统一为蓝色并且有下划线，点击过后的超链接则为紫色，而且也有下划线。
CSS可以设置超链接的各种属性，比如字体、颜色和背景等等，而且，可以通过伪类别制作很多动态效果。
立即学习“前端免费学习笔记（深入）”；
首先，去掉超链接的下划线：
a{ text-decoration:none; }
此时，无论是超链接本身，还是点击过的超链接下划线都去掉了。
CSS的伪类别——Anchor Pseudo Classes，使用伪类别制作动态下过，具体的属性如下：
A:link——超链接的普通样式，正常浏览器中的样式。
A:visited——点击过的超链接的样式。
A:hover——鼠标指针经过超链接上时的样式。
A:active——在超链接上单击时，即当前激活时，超链接的样式。
可以看出，超链接本身都是深蓝色，没有下划线，点击过后变成了黑色也没有下划线，当鼠标指针经过时，超链接变成了黄色，而且有下划线。
此外，各种背景、边框和排版的效果都可以加入到超链接的几个伪属性中，当前激活状态a:active，一般显示的情况非常少，很少使用。
当用户单击一个超链接之后，焦点很容易就会转移到其他地方，比如新打开的窗口等，此时，超链接就不是当前激活状态了。
以上就是怎么用CSS设置动态超链接（附代码）的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1612108.html
微信扫一扫 
支付宝扫一扫 
