六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

CSS鼠标样式代码及范例

Admin | 2014-2-14 10:06:08 | ReadNums | 2489 | 标签 网页制作 | 打印本页
     

  cursor -- 定义鼠标样式

  cursor: 中文"鼠标"的意思。

  取值参数: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit

  参数说明如下

  [<uri> ,]*: 根据用户定义的资源显示
  auto: 正常鼠标
  crosshair: 十字鼠标
  default: 默认鼠标
  pointer: 点状鼠标
  move: 移动鼠标
  e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize: 改变大小鼠标
  text: 文字鼠标
  wait: 等待鼠标
  help: 求助鼠标
  progress: 过程鼠标
  inherit: 继承。

  范例如下:

  范例一

  p#auto
  {
   cursor:auto;
  }

  p#text
  {
   cursor:text;
  }

  p#wait
  {
   cursor:wait;
  }

  p#help
  {
   cursor:help;
  }

  p#progress
  {
   cursor:progress;
  }

  范例二:

  style="cursor:hand" style="cursor:crosshair"
  style="cursor:text" style="cursor:wait"
  style="cursor:move" style="cursor:help"
  style="cursor:e-resize" style="cursor:n-resize"
  style="cursor:nw-resize" style="cursor:w-resize"
  style="cursor:s-resize" style="cursor:se-resize"
  style="cursor:sw-resize


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日