脚本宝典收集整理的这篇文章主要介绍了css应该怎么设置超链接样式,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
css设置超链接样式的方法是,给超链接添加伪类,例如【a:visITed {color:#00FF00;}】。【a:visited】表示用户已经访问过的链接。
本文操作环境:windows10系统、css 3、ThinkPad t480电脑。
如果我们要设置超链接的样式,其实是可以使用任何一个css属性的,比如颜色、字体、背景等等。但是如果你想设置特别的样式,就需要使用到伪类。下面我们一起来看下伪类。
提示:特别的链接,可以有不同的样式,这取决于他们是什么状态。
这四个链接状态是:
代码示例:
<!DOCTYPE htML> <html> <head> <meta charset="utf-8"> <title>脚本宝典(php.cn)</title> <style> a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */ </style> </head> <body> <p><b><a href="/css/" target="_blank">这是一个链接</a></b></p> <p><b>注意:</b> a:hover 必须在 a:link 和 a:visited 之后,需要严格按顺序才能看到效果。</p> <p><b>注意:</b> a:active 必须在 a:hover 之后。</p> </body> </html>
我们来看下运行效果:
相关推荐:css视频教程
以上就是css应该怎么设置超链接样式的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的css应该怎么设置超链接样式全部内容,希望文章能够帮你解决css应该怎么设置超链接样式所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。