CSS 光标属性
cursor属性规定要显示光标的类型（形状），它定义了鼠标指针放在一个元素边界范围内时所用的光标形状。
cursor属性的值可以是以下几种：
•default：默认光标（通常是一个箭头）。
•auto：默认，浏览器设置的光标。
•crosshair：光插呈现为十字线。
•pointer：光标呈现为指示链接的指针（一只手）。
•move：光榇指示某对象可被移动。
•e-resize：光标指示矩形框的边缘可被向右（东）移动。
•ne-resize：光标指示矩形框的边缘可被向上及向右移动（北/东）。
•nw-resize：光标指示矩形框的边缘可被向上及向左移动（北/西）。
•n-resize: 光标指示矩形框的边缘可被向上（北）移动。
•se-resize：光标指示矩形框的边缘可被向下及向右移动（南/东）。
•sw-resize：光标指示矩形框的边缘可被向下及向左移动（南/西）。
•s-resize: 光标指示矩形框的边缘可被向下移动（南）。
•w-resize：光标指示矩形框的边缘可被向左移动（西）。
•text：光标指示文本。
•wait：光标指示程序正忙，通常是一只表或沙漏。
•help：光标指示可用的帮助，通常是一个问号或一个气球。
下面将通过一个实例来讲解cursor属性。
【例】使用cursor属性
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 100px;
height: 100px;
background: #ccc;
cursor:pointer;
}
</style>
</head>
<body>
<p>鼠标放入div会出现链接类的小手</p>
<div></div>
</body>
</html>
湘公网安备:43011102000856号 
点击加载更多评论>>