htmlcss浮动教程(html div 浮动)

  鼠标悬浮显示效果

  将鼠标悬浮到下面超链接上看效果!

  css鼠标手型cursor中hand与pointer

  Example:CSS鼠标手型效果CSS鼠标手型效果

  Example:CSS鼠标手型效果CSS鼠标手型效果

  注:pointer也是小手鼠标,建议大家用pointer,因为它可以兼容多种浏览器。

  Example:CSS鼠标由系统自动给出效果CSS鼠标由系统自动给出效果

  Example:CSS鼠标十字型效果CSS鼠标十字型 效果

  Example:CSS鼠标I字型效果CSS鼠标I字形效果

  Example:CSS鼠标等待效果CSS鼠标等待效果

  Example:CSS鼠标默认效果CSS鼠标默认效果

  Example:CSS鼠标向右的箭头效果CSS鼠标向右的箭头效果

  Example:CSS鼠标向右上箭头效果CSS鼠标向右上箭头效果

  Example:CSS鼠标向上箭头效果CSS鼠标向上箭头效果

  Example:CSS鼠标向左上箭头效果CSS鼠标向左上箭头效果

htmlcss浮动教程(html div 浮动)

  Example:CSS鼠标向左箭头效果CSS鼠标向左箭头效果

  Example:CSS鼠标向左下箭头效果CSS鼠标向左下箭头效果

  Example:CSS鼠标向下箭头效果CSS鼠标向下箭头效果

  Example:CSS鼠标向右下箭头效果CSS鼠标向下箭头效果

  1

  2

  3

  4

  5

  6

  7

  8

  9

  10

  11

  12

  13

  14

  15

  16

  17

  18

  19

  20

  21

  22

  23

  24

  25

  26

  27

  <!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="utf-8"/>

  <title>鼠标悬浮显示效果</title>

  </head>

  <body>

  <h2>鼠标悬浮显示效果</h2>

  css鼠标手型cursor中hand与pointer <br/>

  Example:CSS鼠标手型效果 <ahref="#"style="cursor:hand">CSS鼠标手型效果</a><br/>

  Example:CSS鼠标手型效果 <ahref="#"style="cursor:pointer">CSS鼠标手型效果</a><br/>

  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:pointer也是小手鼠标,建议大家用pointer,因为它可以兼容多种浏览器。<br/>

  Example:CSS鼠标由系统自动给出效果 <ahref="#"style="cursor:auto">CSS鼠标由系统自动给出效果</a><br/>

  Example:CSS鼠标十字型 效果 <ahref="#"style="cursor:crosshair">CSS鼠标十字型 效果</a><br/>

  Example:CSS鼠标I字型效果 <ahref="#"style="cursor:text">CSS鼠标I字形效果</a><br/>

  Example:CSS鼠标等待效果 <ahref="#"style="cursor:wait">CSS鼠标等待效果</a><br/>

  Example:CSS鼠标默认效果 <ahref="#"style="cursor:default">CSS鼠标默认效果</a><br/>

  Example:CSS鼠标向右的箭头效果 <ahref="#"style="cursor:e-resize">CSS鼠标向右的箭头效果</a><br/>

  Example:CSS鼠标向右上箭头效果 <ahref="#"style="cursor:ne-resize">CSS鼠标向右上箭头效果</a><br/>

  Example:CSS鼠标向上箭头效果 <ahref="#"style="cursor:n-resize">CSS鼠标向上箭头效果</a><br/>

  Example:CSS鼠标向左上箭头效果 <ahref="#"style="cursor:nw-resize">CSS鼠标向左上箭头效果</a><br/>

  Example:CSS鼠标向左箭头效果 <ahref="#"style="cursor:w-resize">CSS鼠标向左箭头效果</a><br/>

  Example:CSS鼠标向左下箭头效果 <ahref="#"style="cursor:sw-resize">CSS鼠标向左下箭头效果</a><br/>

  Example:CSS鼠标向下箭头效果 <ahref="#"style="cursor:s-resize">CSS鼠标向下箭头效果</a><br/>

  Example:CSS鼠标向右下箭头效果 <ahref="#"style="cursor:se-resize">CSS鼠标向下箭头效果</a><br/>

  </body>

  </html>

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » htmlcss浮动教程(html div 浮动)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论