论坛首页 Web前端技术论坛

鼠标样式

浏览 1891 次
锁定老帖子 主题:鼠标样式
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-11-06  

【用法】

style="cursor:*"    *为具体样式

 

【鼠标样式】

hand:手型效果

text:是移动到文本上的那种效果
wait:是等待的那种效果
default:是默认效果
e-resize:是向右的箭头
ne-resize:是向右上的箭头
n-resize:是向上的箭头
nw-resize:是向左上的箭头
w-resize:是向左的箭头
sw-resize:是左下的箭头
s-resize:是向下的箭头
se-resize:是向右下的箭头
auto:是由系统自动给出效果

 

【示例】

<a href="#" style="cursor:hand">CSS鼠标手型效果</a>

<a href="#" style="cursor:pointer">CSS鼠标手型效果</a>

<a href="#" style="cursor:crosshair">CSS鼠标十字型 效果</a>

<a href="#" style="cursor:help">CSS鼠标问号效果</a>

 

 

   发表时间:2013-11-13  
不推荐cursor:hand,只在IE有效,更通用的用法是cursor:pointer,所有浏览器都支持,效果一样
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics