html鼠标指针设置

最新推荐文章于 2021-06-26 00:52:12 发布

忆成风

最新推荐文章于 2021-06-26 00:52:12 发布

阅读量2.5k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/lhzau1996/article/details/83593760

版权

html 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!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>

忆成风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html鼠标指针设置

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;鼠标指针设置&lt;/title&gt; &lt;style type="text/css"&gt; * { margin: 0px;
复制链接

扫一扫