ROOT
ROOT
文章目录
  1. 超级链接特效
    1. 改变超级链接的基本样式
    2. 超级链接背景图设置
  2. 鼠标特效

CSS 美化超级链接和鼠标

超级链接特效

改变超级链接的基本样式

对于超级链接的修饰,可以采用 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; }
支持一下
扫一扫,支持Netcan
  • 微信扫一扫
  • 支付宝扫一扫