超链接标签的CSS伪类

  • a:link{属性:值;} 链接默认状态,也可以表示为a{属性:值}
  • a:hover{属性:值;} 鼠标放到链接上显示的状态。
  • a:active{属性:值;}链接激活(鼠标点击时)的状态。
  • a:visited{属性:值;}链接访问之后的状态。
  • :focus{属性:值;}获取焦点
    注意:四种状态都写的时候,必须按顺序写,否则会出现错误。

    附录一:去除链接下划线

    属性:text-decoration
    值: none有下划线(默认); underline无下划线;line-through无下划线,有删除线

    附录二:鼠标放在链接时的鼠标的形状

    属性:cursor
    值:

  • url:需使用的自定义光标的 URL。注意:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
  • default:默认光标(通常是一个箭头)。
  • auto:浏览器设置的光标(一般标签默认)。
  • crosshair:光标呈现为十字线。
  • pointer:光标呈现为指示链接的指针(一只手)。
  • move:此光标指示某对象可被移动。
  • e-resize:此光标指示矩形框的边缘可被向右(东)移动。
  • ne-resize:此光标指示矩形框的边缘可被向上及向右移动(北/东)。
  • nw-resize:此光标指示矩形框的边缘可被向上及向左移动(北/西)。
  • n-resize:此光标指示矩形框的边缘可被向上(北)移动。
  • se-resize:此光标指示矩形框的边缘可被向下及向右移动(南/东)。
  • sw-resize:此光标指示矩形框的边缘可被向下及向左移动(南/西)。
  • s-resize:此光标指示矩形框的边缘可被向下移动(南)。
  • w-resize:此光标指示矩形框的边缘可被向左移动(西)。
  • text:此光标指示文本。
  • wait:此光标指示程序正忙(通常是一只表或沙漏)。
  • help:此光标指示可用的帮助(通常是一个问号或一个气球)。
Last modification:February 10, 2018
If you think my article is useful to you, please feel free to appreciate