CSS cursor 属性示例 -- CSS教程

梦之都 CSS教程,cursor示例.把鼠标移动到每个蓝色方框上,看看效果.

<!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>
		<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;
			}
		</style>
	</head>
	<body>
		梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,<a href="http://www.dreamdu.com/css/property_cursor/">cursor</a>示例.把鼠标移动到每个蓝色方框上,看看效果.
		梦之都 XHTML 教程,auto正常鼠标
		梦之都 CSS 教程,crosshair十字鼠标
		梦之都 XHTML 教程,default默认鼠标
		梦之都 CSS 教程,pointer鼠标
		梦之都 XHTML 教程,move移动鼠标
		梦之都 CSS 教程,e-resize鼠标
		梦之都 XHTML 教程,ne-resize鼠标
		梦之都 CSS 教程,nw-resize鼠标
		梦之都 XHTML 教程,n-resize鼠标
		梦之都 CSS 教程,se-resize鼠标
		梦之都 XHTML 教程,sw-resize鼠标
		梦之都 CSS 教程,s-resize鼠标
		梦之都 XHTML 教程,w-resize鼠标
		梦之都 CSS 教程,text文字鼠标
		梦之都 XHTML 教程,wait等待鼠标
		梦之都 CSS 教程,help求助鼠标
		梦之都 XHTML 教程,progress过程鼠标
	</body>
</html>