定义和用法
cursor 属性规定要显示的光标的类型(形状)。
该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。
可能的值:
demo:
<html> <head> <style type="text/css"> span{ line-height: 30px; } </style> </head> <body> <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p> <span style="cursor:auto"> Auto </span><br /> <span style="cursor:crosshair"> Crosshair </span><br /> <span style="cursor:default"> Default </span><br /> <span style="cursor:pointer"> Pointer </span><br /> <span style="cursor:move"> Move </span><br /> <span style="cursor:e-resize"> e-resize </span><br /> <span style="cursor:ne-resize"> ne-resize </span><br /> <span style="cursor:nw-resize"> nw-resize </span><br /> <span style="cursor:n-resize"> n-resize </span><br /> <span style="cursor:se-resize"> se-resize </span><br /> <span style="cursor:sw-resize"> sw-resize </span><br /> <span style="cursor:s-resize"> s-resize </span><br /> <span style="cursor:w-resize"> w-resize </span><br /> <span style="cursor:text"> text </span><br /> <span style="cursor:wait"> wait </span><br /> <span style="cursor:help"> help </span> </body> </html>
时间: 2024-10-14 11:53:27