CSS样式 cursor_cursor e-resize-优快云博客

本文链接：https://blog.youkuaiyun.com/relucent/article/details/45748737

本文详细介绍了 CSS 中 cursor 属性的使用方法及各种值的效果展示。通过实例表格，列举了如 all-scroll、auto、col-resize 等多种 cursor 类型，并展示了它们对应的光标样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style>
table{
	width:300;
	border:1 solid black;
	font-size:13px;
	table-layout: fixed;
	word-break:break-all;

}
tr{
	eight:20px;
	font-size:12px;
	font-weight:normal;
	border-bottom:2px solid black;
	background-color:#EEE
}
</style>


<table>
<tr style="cursor:all-scroll">	<td>all-scroll</td></tr>
<tr style="cursor:auto">	<td>auto</td></tr>
<tr style="cursor:col-resize">	<td>col-resize </td></tr>
<tr style="cursor:crosshair">		<td>crosshair</td></tr>
<tr style="cursor:default"><td>default</td></tr>
<tr style="cursor:hand"><td>hand</td></tr>
<tr style="cursor:help"><td>help</td></tr>
<tr style="cursor:move"><td>move</td></tr>
<tr style="cursor:no-drop"><td>no-drop</td></tr>
<tr style="cursor:not-allowed"><td>not-allowed</td></tr>
<tr style="cursor:pointer"><td>pointer</td></tr>
<tr style="cursor:progress "><td>progress </td></tr>
<tr style="cursor:row-resize"><td>row-resize</td></tr>
<tr style="cursor:text"><td>text</td></tr>
<tr style="cursor:url(uri)"><td>url(uri)</td></tr>
<tr style="cursor:vertical-text"><td>vertical-text</td></tr>
<tr style="cursor:wait"><td>wait</td></tr>
<tr style="cursor:N-resize"><td>N-resize</td></tr>
<tr style="cursor:S-resize"><td>S-resize</td></tr>
<tr style="cursor:W-resize"><td>W-resize</td></tr>
<tr style="cursor:E-resize"><td>E-resize</td></tr>
<tr style="cursor:NE-resize"><td>NE-resize</td></tr>
<tr style="cursor:NW-resize"><td>NW-resize</td></tr>
<tr style="cursor:SW-resize"><td>SW-resize</td></tr>
<tr style="cursor:SE-resize"><td>SE-resize</td></tr>
</table>