<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>鼠标指针设置</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
border: 0px;
}
table {
margin: 50px auto;
width: 400px;
border: solid 1px black;
}
table tr td {
width: 100px;
height: 60px;
border: solid 1px black;
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<span style="cursor: auto;">Auto</span>
</td>
<td>
<span style="cursor:crosshair">Crosshair十字瞄准线</span>
</td>
</tr>
<tr>
<td>
<span style="cursor:default">Default</span>
</td>
<td>
<span style="cursor:pointer">Pointer指针</span>
</td>
</tr>
<tr>
<td>
<span style="cursor:move">Move</span>
</td>
<td>
<span style="cursor:e-resize">e-resize</span>
</td>
</tr>
<tr>
<td>
<span style="cursor:ne-resize">ne-resize</span>
</td>
<td>
<span style="cursor:nw-resize">nw-resize</span>
</td>
</tr>
<tr>
<td>
<span style="cursor:n-resize">n-resize</span>
</td>
<td>
<span style="cursor:se-resize">se-resize</span>
</td>
</tr>
<tr>
<td>
<span style="cursor:sw-resize">sw-resize</span>
</td>
<td>
<span style="cursor:s-resize">s-resize</span>
</td>
</tr>
<tr>
<td>
<span style="cursor: w-resize;">w-resize</span>
</td>
<td>
<span style="cursor: text;">text</span>
</td>
</tr>
<tr>
<td>
<span style="cursor: wait;">wait</span>
</td>
<td>
<span style="cursor:help">help</span>
</td>
</tr>
</table>
</body>
</html>
html鼠标指针设置
最新推荐文章于 2024-07-04 21:06:06 发布