首页 > 技术文章 > CSS 链接

niujifei 2019-07-01 16:48 原文

  使用超链接的时候,一般都会根据网站或页面设计风格重新定义超链接的样式,来提高用户的操作体验。

一、伪类

  与链接相关的伪类之前学习过,参考这里复习:伪类选择器

二、定义下划线样式

  在文本样式的时候学习过,参考这里复习:字体样式

三、定义鼠标样式

  在默认状态下鼠标经过超链接时显示为手型,可以使用 cursor 属性改变这种默认效果。cursor 属性定义鼠标在指定对象上的样式。

  语法:

cursor: value;

  取值说明:

说明
auto 基于上下文决定应该显示什么光标
crosshair 十字线光标
default 基于平台的默认光标,通常渲染为一个箭头
pointer 指针光标,表示一个超链接
move 十字箭头光标,用于标示对象可被移动

e-resize、ne-resize、nw-resize、n-resize、

re-size、sw-size、s-resize、w-resize

表示正在移动某个边,
text 表示可以选择文本,通常渲染为 I 形光标
wait 表示程序忙,需要用户等待,通常渲染为手表或沙漏
help 光标下的对象包含有帮助内容,通常渲染为一个问号或一个气球
<uri>URL 自定义光标类型的图标路径

 

 

 

推荐阅读