用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

鼠标指针形状效果大全 cursor

2012-12-02 作者: 程序猿style举报

[css]代码库

<html>
 <head>
  <title> 鼠标指针形状效果大全 </title>
  <style type="text/css">
    h1{font-family:文鼎新艺体简;text-align:center}
    table{}
    .p1{font-size:20pt;cursor:auto}
    .p2{font-size:20pt;cursor:crosshair}
    .p3{font-size:20pt;cursor:default}
    .p4{font-size:20pt;cursor:hand}
    .p5{font-size:20pt;cursor:pointer}
    .p6{font-size:20pt;cursor:move}
    .p7{font-size:20pt;cursor:wait}
    .p8{font-size:20pt;cursor:e-resize}
    .p9{font-size:20pt;cursor:ne-resize}
    .p10{font-size:20pt;cursor:nw-resize}
    .p11{font-size:20pt;cursor:n-resize}
    .p12{font-size:20pt;cursor:s-resize}
    .p13{font-size:20pt;cursor:se-resize}
    .p14{font-size:20pt;cursor:sw-resize}
    .p15{font-size:20pt;cursor:w-resize}
    .p16{font-size:20pt;cursor:help}
    .p17{font-size:20pt;cursor:text}
  </style>
 </head>

 <body>
    <h1>鼠标移到相应的位置观看效果</h1>
    <table bordercolor=blue border=1px width=80% align=center>
      <tr>
	<td class="p1">自动</td>
	<td class="p2">精确定位</td>
	<td class="p3">默认指针</td>
	<td class="p4">手形hand</td>
	<td class="p5">手形point</td>
      </tr>
      <tr>
	<td class="p6">移动</td>
	<td class="p7">等待</td>
	<td class="p8">右方</td>
	<td class="p9">右上方</td>
	<td class="p10">左上方</td>
      </tr>
      <tr>
	<td class="p11">上方</td>
	<td class="p12">下方</td>
	<td class="p15">左方</td>
	<td class="p14">左下方</td>
	<td class="p13">右下方</td>
      </tr>
      <tr>
	<td class="p16">帮助</td>
        <td class="p17">文本“I”形</td>
      </tr>
 </body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...