返回顶部

CSS 链接

[复制链接]
CoisiniLv.9 显示全部楼层 发表于 2021-9-27 13:45:31 |阅读模式 打印 上一主题 下一主题
  不同的链接可以有不同的样式。
  一、链接样式
  链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。
  特别的链接,可以有不同的样式,这取决于他们是什么状态。
  这四个链接状态是:
  a:link-正常,未访问过的链接
  a:visited-用户已访问过的链接
  a:hover-当用户鼠标放在链接上时
  a:active-链接被点击的那一刻
  实例
  
[CSS] 纯文本查看 复制代码
a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */
  当设置为若干链路状态的样式,也有一些顺序规则:
  a:hover必须跟在a:link和a:visited后面
  a:active必须跟在a:hover后面
  二、常见的链接样式
  根据上述链接的颜色变化的例子,看它是在什么状态。
  让我们通过一些其他常见的方式转到链接样式:
  三、文本修饰
  text-decoration属性主要用于删除链接中的下划线:
  实例
[CSS] 纯文本查看 复制代码
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

  四、背景颜色
  背景颜色属性指定链接背景色:
  实例
[CSS] 纯文本查看 复制代码
a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

达内教育:成立于2002年。致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销、会计等职场人才 达内使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内愿景:做管理一流的教育公司
  • 商务合作

  • Powered by Discuz! X3.4 | Copyright © 2002-2024, 达内教育 Tedu.cn
  • 京ICP备08000853号-56 |网站地图