前端入门笔记之css（12）
光标样式属性：cursor 更改鼠标图标
{cursor: crosshair;}光标呈现为十字线
1.url：需使用的自定义光标的 URL。
注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。
2.default：默认光标（通常是一个箭头）
3.auto：默认。浏览器设置的光标。
4.crosshair：光标呈现为十字线。
5.pointer：光标呈现为指示链接的指针（一只手）
6.move：此光标指示某对象可被移动。
7.e-resize： 此光标指示矩形框的边缘可被向右（东）移动。
8.ne-resize： 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
9.nw-resize： 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
10.n-resize： 此光标指示矩形框的边缘可被向上（北）移动。
11.se-resize： 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
12sw-resize：此光标指示矩形框的边缘可被向下及向左移动（南/西）。
13.s-resize： 此光标指示矩形框的边缘可被向下移动（北/西）。
14.w-resize： 此光标指示矩形框的边缘可被向左移动（西）。
15.text：此光标指示文本。
16.wait：此光标指示程序正忙（通常是一只表或沙漏）。
17.help：此光标指示可用的帮助（通常是一个问号或一个气球）。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
span{
width:200px;
height: 40px;
}
.span_1{
cursor: crosshair;
}
.span_2{
cursor:pointer;
}
.span_3{
cursor:ne-resize;
}
.span_4{
cursor:help;
}
</style>
</head>
<body>
<div>
<span class="span_1">更改鼠标图标 光标呈现为十字线</span>
<br><br><br>
<span class="span_2">更改鼠标图标 光标呈现为指示链接的指针</span>
<br><br><br>
<span class="span_3">更改鼠标图标 光标指示矩形框的边缘可被向上及向右移动</span>
<br><br><br>
<span class="span_4">更改鼠标图标 光标指示可用的帮助</span>
</div>
</body>
</html>
4013
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
