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

    CSS:自定义链接样式(设置链接不同状态下的字体颜色/背景色等)_html/css_WEB-ITnose

    2016-06-24 11:52:22原创923
    能够设置链接样式的 CSS 属性有很多种(例如 color, font-family, background 等等)。链接的特殊性在于能够根据它们所处的状态来设置它们的样式。

    代码整理自w3school:http://www.w3school.com.cn

    效果图:

    示例代码:

    CSS 链接样式  
    

    链接的状态

    • a:link - 普通的、未被访问的链接
    • a:visited - 用户已访问的链接
    • a:hover - 鼠标指针位于链接的上方
    • a:active - 链接被点击的时刻

    这是一个链接

    注释:

    1. a:hover 必须位于 a:link 和 a:visited 之后
    2. a:active 必须位于 a:hover 之后

    自定义链接的下划线样式

    自定义链接的背景色样式

    使用链接样式制作一个精美的按钮:

    登录

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:为什么总是看不到效果?_html/css_WEB-ITnose 下一篇:CSS:列表样式(设置列表项的标志图案/位置)_html/css_WEB-ITnose
    大前端线上培训班

    相关文章推荐

    • html和html5有什么区别• html怎么设置元素不可见• html怎么设置表格标题• html +CSS+div学习――第二课_html/css_WEB-ITnose• css sprite,css雪碧图生成工具V3.0更新_html/css_WEB-ITnose

    全部评论我要评论

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

    PHP中文网