鼠标特效
- 1. 鼠标箭头
- 2. 鼠标变换效果
1. 鼠标箭头 使用
cursor 属性（鼠标指针属性）能实现对鼠标样式的控制；
文章图片
例子 1：
鼠标特效
控制鼠标箭头
精确定位十字效果
手形效果
帮助效果
等待效果
移动效果
文本效果
箭头朝上双向效果
箭头朝下双向效果
箭头朝左双向效果
箭头朝右双向效果
箭头右上双向效果
箭头右下双向效果
箭头左上双向效果
箭头左下双向效果
指示效果
【web|CSS 3之鼠标特效】HTML 鼠标样式效果
2. 鼠标变换效果 例子2：鼠标放在超链接上，能看到超链接的颜色、背景图片发生变换，且鼠标样式变化
鼠标手势
type="text/css">
a{
display: block;
background-image: url(img/1.jpg);
background-repeat: no-repeat;
width: 120px;
height: 35px;
line-height: 30px;
text-align: center;
color: #fff;
text-decoration: none;
}
a:hover{
background-image: url(img/2.jpg);
color: #ff0000;
text-decoration: none;
}
.help{
cursor: help;
}
.hand{
cursor: hand;
}
最新资讯
疑难解惑
文章图片
推荐阅读
- web|CSS 3之美化菜单
- 前端|Mendix入门教程第一篇-demo实例
- #|【JAVA后端开发】Part1--瑞吉外卖项目
- 前端|axios发送post请求时将请求参数放在params和data配置项的区别，java后端如何获取（）
- 关于网页中的文本选择以及统计选中文本长度
- 前端|开发者的4个层级，你在哪一层（）
- #|jpa、hibernate、spring-data-jpa关系
- #|深度学习笔记 —— 权重衰退 + 丢弃法
- scratch 工作区间变量意思