超级链接特效
改变超级链接的基本样式
对于超级链接的修饰,可以采用 css 伪类。
伪类 | 用途 |
---|---|
a:link | 定义 a 对象在未被访问前的样式 |
a:hover | 定义 a 对象在鼠标悬停时的样式 |
a:active | 定义 a 对象在被激活时的样式(在鼠标单击与释放之间发生的事件) |
a:visited | 定义 a 对象在其链接被访问过时的样式 |
例如
a:hover { color: #545454; }
超级链接背景图设置
通常使用 (background-image) 属性来完成。例如
a { background-image: url(image.png); }
鼠标特效
控制鼠标箭头,css 通过改变 cursor 属性来实现对鼠标样式的控制。
属性值 | 说明 |
---|---|
auto | 自动,按照默认状态自行改变 |
crosshair | 精确定位十字 |
default | 默认鼠标指针 |
hand | 手型 |
move | 移动 |
help | 帮助 |
wait | 等待 |
text | 文本 |
n-resize | 箭头朝上双向 |
s-resize | 箭头朝下双向 |
w-resize | 箭头朝左双向 |
e-resize | 箭头朝右双向 |
ne-resize | 箭头朝右上双向 |
se-resize | 箭头朝右下双向 |
nw-resize | 箭头朝左上双向 |
sw-resize | 箭头朝左下双向 |
pointer | 指针 |
url | 自定义鼠标指针 |
例如
a { cursor: hand; }