css链接之< a>标签元素的样式属性笔记

原创 PHP笔记  2017-03-23 17:18  阅读 843 views 次

css链接样式在网页设计中经常用到,我们可以根据链接的不同状态给它设置不同的样式,达到一种很好的视觉效果。

链接css属性

  • a:link:未被访问过的链接
  • a:visited:已访问的链接
    a:hover:鼠标指针在链接上时
  • a:active:链接被点击时

链接的属性值可以是颜色、字体、背景等。

属性的顺序必须满足a:hover位于a:link和a:visited 之后,a:active 位于 a:hover 之后。

实例:

......
<body>
<style type="text/css">
a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}
</style>
<h1 id="i">css链接</h1>
<a href="https://www.ggbiji.com/" >点击我测试</a>
</body>
......

运行结果:

本文地址:https://www.ggbiji.com/css-link.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情