您的位置：首页 > Web前端 > CSS
html页面中的各种鼠标样式

2011-05-12 17:34 176 查看
<!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=gb2312" />
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理
标签：
相关文章推荐
新的分享
章节导航