css电脑鼠标款式cursor详细介绍(电脑鼠标手型)

2021-01-20 11:49 jianzhan

CSS电脑鼠标款式英语的语法以下:

随意标识中插进 style="cursor:*" 
事例:<span style="cursor:*">文字或其它网页页面元素</span>  <a href="#" style="cursor:*">文字或其它网页页面元素</a>  留意把 * 换为以下15个实际效果的1种:

下面是对这15种实际效果的解释。挪动电脑鼠标到解释上面,看看你的电脑鼠标起了甚么转变吧!

hand是手型   
事例:CSS电脑鼠标手型实际效果   <a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:hand">CSS电脑鼠标手型实际效果</a>

pointer也是手型,这里强烈推荐应用这类,由于这能够在多种多样访问器下应用。
事例:CSS电脑鼠标手型实际效果 <a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:pointer">CSS电脑鼠标手型实际效果</a>

crosshair是10字型
事例:CSS电脑鼠标10字型 实际效果<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:crosshair">CSS电脑鼠标10字型 实际效果</a>

help是问号
事例:CSS电脑鼠标问号实际效果   <a href="#" _fcksavedurl=""#"" style="cursor:help">CSS电脑鼠标问号实际效果</a>

下面写法都1样,这里就不11写完了。

下面是对这15种实际效果的解释。挪动电脑鼠标到解释上面,看看你的电脑鼠标起了甚么转变吧!

hand是手型
pointer也是手型,这里强烈推荐应用这类,由于这能够在多种多样访问器下应用。
crosshair是10字型
text是挪动到文字上的那种实际效果
wait是等候的那种实际效果
default是默认设置实际效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统软件全自动得出实际效果