• 技术文章 >web前端 >css教程

    css链接状态有哪些

    VV2020-05-30 16:10:25原创891

    首先,链接的样式可以用任何CSS属性(如颜色,字体,背景等)。

    链接可以有不同的状态,如下:

    a:link - 正常,未访问过的链接

    a:visited - 用户已访问过的链接

    a:hover - 当用户鼠标放在链接上时

    a:active - 链接被点击的那一刻

    (视频教程推荐:css视频教程

    简单的示例:

    a215c300db2cd21b82334abf3b02f0b.png

    正常效果图:

    07553b59aa387848c2d099ddb382764.png

    鼠标放置后的效果图:

    f87da4684dc5ce04ad5a892cd40095b.png

    c8d094b9767436788759977b2a83bc3.png

    如果我们想删除链接的下划线,可以使用tetx-decoration属性。

    5c362e81104af59857ae298e153f2bb.png

    推荐教程:CSS入门基础教程

    以上就是css链接状态有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 链接状态
    上一篇:CSS Grid 深入理解 下一篇:CSS display: contents 如何使用?
    大前端线上培训班

    相关文章推荐

    • css如何实现适配iphone全面屏• CSS开发常用命名• 3种CSS使用方法• 常用的css背景属性介绍

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网