快捷导航
查看: 29829|回复: 1

css实现鼠标经过元素鼠标变成小手形状

[复制链接]
发表于 2014-8-5 12:49:43 | 显示全部楼层 |阅读模式
本帖最后由 antzone 于 2017-7-16 16:51 编辑

css实现鼠标经过元素鼠标变成小手形状:
很多网页可能有这样的效果,当鼠标经过一些元素的时候,鼠标会变成小手的形状,当然链接<a>元素在默认状态下就是小手的形状,如果我们也想让其他元素在鼠标滑过的时候编程小手的形状就需要进行一些特殊的设置了。
实现代码如下:
[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div{
  width:100px;
  height:100px;
  margin:0px auto;
  cursor:pointer;
  background:green;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

上面的代码实现了我们的要求,只要在相关元素样式上添加如下代码即可:
[CSS] 纯文本查看 复制代码
cursor:pointer

更多关于鼠标指针形状定义可以参阅
css设置鼠标指针形状代码简单介绍一章节。
自定义鼠标指针形状可以参阅
css如何自定义鼠标指针一章节。
发表于 2016-11-19 12:22:56 | 显示全部楼层
这种微小的知识,如果你不知道也会感觉很难

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-10-19 07:44 , Processed in 0.083047 second(s), 24 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

快速回复返回顶部 返回列表