css中那种两边带箭头的鼠标形状和成45度的两边带箭头的鼠标形状分别是什...
发布网友
发布时间：2022-04-23 03:35
共1个回答
热心网友
时间：2022-04-06 12:17
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标形状</title>
<style>
* {margin:0; padding:0;}
ul {width:250px; margin:50px auto; border:1px solid #f00; border-bottom:none;}
li {width:250px; height:30px; line-height:30px; text-align:center; list-style:none; background:#000; border-bottom:1px solid #f00; color:#fff; font-weight:bold;}
</style>
</head>
<body>
<ul>
<li style="cursor:pointer;">pointer 手型</li>
<li style="cursor:crosshair;">crosshair 十字</li>
<li style="cursor:text;">text 文本</li>
<li style="cursor:wait;">wait 等待</li>
<li style="cursor:help;">help 问号</li>
<li style="cursor:move;">move 移动</li>
<li style="cursor:e-resize;">e-resize 右的箭头</li>
<li style="cursor:ne-resize;">ne-resize 右上的箭头</li>
<li style="cursor:n-resize;">n-resize 上的箭头</li>
<li style="cursor:nw-resize;">nw-resize 左上的箭头</li>
<li style="cursor:w-resize;">w-resize 左的箭头</li>
<li style="cursor:sw-resize;">sw-resize 左下的箭头</li>
<li style="cursor:s-resize;">s-resize 下的箭头</li>
<li style="cursor:se-resize;">se-resize 右下的箭头</li>
</ul>
</body>
</html>
