用css 添加手状样式,鼠标移上去变小手

实现这个效果一共有两种方式。

1.第一种方式：（先两个div）


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>第一个</title></head><style>div{cursor:pointer;}
</style><body><div href="#">11 </div><div href="#">22 </div></body>
</html>

2.用a包裹


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>第一个</title></head><body><a href=""><div href="#">11 </div><div href="#">22 </div></a></body>
</html>

除此之外cursor还有别的属性

auto ：标准光标
        default                   ：标准箭头
        pointer, hand ：手形光标
        wait                 ：等待光标
        text                  ：I形光标
        vertical-text                 ：水平I形光标
        no-drop                 ：不可拖动光标
        not-allowed               ：无效光标
        help                 ：帮助光标
        all-scroll ：三角方向标
        move ：移动标
        crosshair                 ：十字标
        e-resize ：此光标指示矩形框的边缘可被向右（东）移动。
        n-resize ：此光标指示矩形框的边缘可被向上（北）移动。
        nw-resize ：此光标指示矩形框的边缘可被向上及向左移动（北/西）。
        w-resize ：此光标指示矩形框的边缘可被向左移动（西）
        s-resize ：此光标指示矩形框的边缘可被向下移动（南）
        se-resize ：此光标指示矩形框的边缘可被向下及向右移动（南/东）。

sw-resize ：此光标指示矩形框的边缘可被向下及向左移动（南/西）

用css 添加手状样式,鼠标移上去变小手相关推荐

用css 添加手状样式,鼠标移上去变小手,变小手
用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseover="this.style. ...
鼠标指向变小手css,用css 添加手状样式,鼠标移上去变小手,变小手
简介这篇文章主要介绍了用css 添加手状样式,鼠标移上去变小手,变小手以及相关的经验技巧,文章约1426字,浏览量431,点赞数1,值得参考! 用css 添加手状样式,鼠标移上去变小手,变小手 cur ...
html 中加小手,html中鼠标如何设置显示小手状？
材料/工具:css 1.打开前端开发软件,新建一个html代码页面 2.在新建的html代码页面上找到 ,在这个标签里创建一个标签,a案例中使用的是. 代码: 大家好,鼠标放到我身上就可看到效果 3. ...
java+鼠标滑过变小手_Kafka单机部署
一.kafka介绍及原理 kafka是由Apache软件基金会发布的一个开源流处理平台,由Scala和Java编写.它是一种高吞吐量的分布式发布的订阅消息系统,它可以处理消费者规模的网站中的所有动作流 ...
css 样式手形,css 添加手状样式
用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) οnmοuseοver="this.style. ...
css鼠标箭头如何变成小手
用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) οnmοuseοver="th ...
鼠标移动到上面变小手和鼠標其他效果
用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseover="this.style. ...
CSS3——鼠标变小手
鼠标移上去变小手样式第一种方式:为该元素添加a标签 <a href="javascript:video(0);"> </a> 第二种方式: 为该元素添加c ...
鼠标悬停变小手的效果，兼容FF
style="cursor:pointer" <a style="cursor:pointer" οnclick="">鼠标移上 ...
CSS鼠标指针样式详解，鼠标经过变小手（链接类型指针）提示可点击
鼠标经过变小手 div {cursor:pointer; // 直接给需要改变指针样式的对象添加该属性,不要被误导为 :hover 伪类 } cursor属性及属性值介绍 <!DOCTYPE h ...

用css 添加手状样式,鼠标移上去变小手

用css 添加手状样式,鼠标移上去变小手相关推荐

最新文章

热门文章