css 鼠标hover 小手、箭头等样式

css 鼠标 hover 里 cursor 的属性 (小手、箭头…)

属性
cursor

属性值	描述
ur l	需使用的自定义光标的 URL
default	默认光标（通常是一个箭头）
auto	默认。浏览器设置的光标
crosshair	光标呈现为十字线
pointer	光标呈现为指示链接的指针（一只手）
move	此光标指示某对象可被移动
e-resize	此光标指示矩形框的边缘可被向右（东）移动
ne-resize	此光标指示矩形框的边缘可被向上及向右移动（北/东）
nw-resize	此光标指示矩形框的边缘可被向上及向左移动（北/西）
n-resize	此光标指示矩形框的边缘可被向上（北）移动
se-resize	此光标指示矩形框的边缘可被向下及向右移动（南/东）
sw-resize	此光标指示矩形框的边缘可被向下及向左移动（南/西）
s-resize	此光标指示矩形框的边缘可被向下移动（南）
w-resize	此光标指示矩形框的边缘可被向左移动（西）
text	此光标指示文本
wait	此光标指示程序正忙（通常是一只表或沙漏）
help	此光标指示可用的帮助（通常是一个问号或一个气球）

css 鼠标hover 小手、箭头等样式相关推荐

css鼠标变成小手_技巧篇：CSS高级技巧详解
元素的显示与隐藏 display -- block;(转换为块元素&& 显示) none(隐藏 && 不保留原来的位置) -- 重要! visibility -- vi ...
如何在鼠标hover时改变标注的样式
如何在鼠标hover时改变标注的样式? ---------------- 教程 ----------------------- 首先创建1张地图 //初始化地图对象,加载地图 var map ...
Web前端鼠标变小手两种实现
CSS实现方式: cursor:pointer;//鼠标变小手 js实现方式: <button id="abc"class="botton_qr_download& ...
经典的 div + css 鼠标 hover 下拉菜单
经典的 div + css 鼠标 hover 下拉菜单效果图: 源码: <html><head> <meta charset="utf-8"> ...
纯css hover实现效果,纯CSS鼠标hover实现背景扇动效果
纯CSS鼠标hover实现背景扇动效果 .la-btn { padding:14px 20px; background:#1abc9c; color:#fff; font-size:14px; ove ...
前端:鼠标悬停小手样式
style="cursor:pointer;" //鼠标悬停出现小手参数: auto :标准光标 default :标准箭头 pointer, hand :手形光标 wai ...
CSS3——鼠标变小手
鼠标移上去变小手样式第一种方式:为该元素添加a标签 <a href="javascript:video(0);"> </a> 第二种方式: 为该元素添加c ...
html鼠标变成小手_HTML 点击的链接，也叫超链接
HTML 使用超连接与网络上的另一个文档相连. 几乎可以在所有的网页中找到链接.点击链接可以从一张页面跳转到另一张页面. HTML 超链接(链接) 超链接可以是一个字,一个词,或者一组词,也可以是一幅 ...
今日收获可以点击的标签鼠标悬浮小手图标
在style中添加cursor:pointer 实现鼠标悬停变成小手样式. 没用过这个属性:cursor 查询详细如下: cursor:hand也是表示文本选择效果 cursor: url(" ...

css 鼠标hover 小手、箭头等样式

css 鼠标 hover 里 cursor 的属性 (小手、箭头…)

css 鼠标hover 小手、箭头等样式相关推荐

最新文章

热门文章