首页前端开发CSS以不同的方法为链接设置样式

以不同的方法为链接设置样式

时间2024-05-27 04:02:04发布访客分类CSS浏览49
导读:设置装备摆设链接的花色 或是设置链接样式的 CSS 属性有良多种(比如 color, font-family, bac公斤round 等等)。 链接的特殊性在于也许根据它们所处的状态来设置它们的格局。 链接的四种外形: a:lin...

设置装备摆设链接的花色

或是设置链接样式的 CSS 属性有良多种(比如 color, font-family, bac公斤round 等等)。

链接的特殊性在于也许根据它们所处的状态来设置它们的格局。

链接的四种外形:

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

实例

a:link {
    color:#FF0000;
}
/* 未被拜访的链接 */
a:visited {
    color:#00FF00;
}
/* 已被会晤的链接 */
a:hover {
    color:#FF00FF;
}
/* 鼠标指针移动到链接上 */
a:active {
    color:#0000FF;
}
    /* 正在被点击的链接 */

亲身试一试

当为链接的差异形状设置样式时,请按照以下秩序序规定:

  • a:hover 必需位于 a:link 与 a:visited 以后
  • a:active 必需位于 a:hover 以后

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 以不同的方法为链接设置样式
本文地址: https://pptw.com/jishu/668934.html
CSS 列表属性(list) linux如何打开共享文件夹

游客 回复需填写必要信息