使用超链接的时候,一般都会根据网站或页面设计风格重新定义超链接的样式,来提高用户的操作体验。
一、伪类
与链接相关的伪类之前学习过,参考这里复习:伪类选择器
二、定义下划线样式
在文本样式的时候学习过,参考这里复习:字体样式
三、定义鼠标样式
在默认状态下鼠标经过超链接时显示为手型,可以使用 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 | 自定义光标类型的图标路径 |