鼠标样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS cursor 属性示例</title>
<mce:style type="text/css" media="all"><!--
p#auto
{
cursor: auto;
}
p#crosshair
{
cursor: crosshair;
}
p#default
{
cursor: default;
}
p#pointer
{
cursor: pointer;
}
p#move
{
cursor: move;
}
p#e-resize
{
cursor: e-resize;
}
p#ne-resize
{
cursor: ne-resize;
}
p#nw-resize
{
cursor: nw-resize;
}
p#n-resize
{
cursor: n-resize;
}
p#se-resize
{
cursor: se-resize;
}
p#sw-resize
{
cursor: sw-resize;
}
p#s-resize
{
cursor: s-resize;
}
p#w-resize
{
cursor: w-resize;
}
p#text
{
cursor: text;
}
p#wait
{
cursor: wait;
}
p#help
{
cursor: help;
}
p#progress
{
cursor: progress;
}
p
{
border: 1px solid black;
background: lightblue;
}
--></mce:style><style type="text/css" media="all" mce_bogus="1"> p#auto
{
cursor: auto;
}
p#crosshair
{
cursor: crosshair;
}
p#default
{
cursor: default;
}
p#pointer
{
cursor: pointer;
}
p#move
{
cursor: move;
}
p#e-resize
{
cursor: e-resize;
}
p#ne-resize
{
cursor: ne-resize;
}
p#nw-resize
{
cursor: nw-resize;
}
p#n-resize
{
cursor: n-resize;
}
p#se-resize
{
cursor: se-resize;
}
p#sw-resize
{
cursor: sw-resize;
}
p#s-resize
{
cursor: s-resize;
}
p#w-resize
{
cursor: w-resize;
}
p#text
{
cursor: text;
}
p#wait
{
cursor: wait;
}
p#help
{
cursor: help;
}
p#progress
{
cursor: progress;
}
p
{
border: 1px solid black;
background: lightblue;
}
</style>
</head>
<body>
<p id="auto">梦之都 XHTML 教程,auto正常鼠标</p>
<p id="crosshair">梦之都 CSS 教程,crosshair十字鼠标</p>
<p id="default">梦之都 XHTML 教程,default默认鼠标</p>
<p id="pointer">梦之都 CSS 教程,pointer鼠标</p>
<p id="move">梦之都 XHTML 教程,move移动鼠标</p>
<p id="e-resize">梦之都 CSS 教程,e-resize鼠标</p>
<p id="ne-resize">梦之都 XHTML 教程,ne-resize鼠标</p>
<p id="nw-resize">梦之都 CSS 教程,nw-resize鼠标</p>
<p id="n-resize">梦之都 XHTML 教程,n-resize鼠标</p>
<p id="se-resize">梦之都 CSS 教程,se-resize鼠标</p>
<p id="sw-resize">梦之都 XHTML 教程,sw-resize鼠标</p>
<p id="s-resize">梦之都 CSS 教程,s-resize鼠标</p>
<p id="w-resize">梦之都 XHTML 教程,w-resize鼠标</p>
<p id="text">梦之都 CSS 教程,text文字鼠标</p>
<p id="wait">梦之都 XHTML 教程,wait等待鼠标</p>
<p id="help">梦之都 CSS 教程,help求助鼠标</p>
<p id="progress">梦之都 XHTML 教程,progress过程鼠标</p>
</body>
</html>
