• HTML中的鼠标光标属性


    在网页中默认的鼠标指针只有两种,一种是最普通的箭头,另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到链接上时,可以看到多种不同的效果。CSS可以通过cursor属性实现鼠标形状的改变,其属性可以是
    默认的鼠标形状default、
    小手形状hand、
    交叉十字crosshair、
    文本选择符号text、
    Windows的沙漏形状的wait、
    带有问好的鼠标help
    以及各个方向的箭头属性值

     1 <!--
     2 在网页中默认的鼠标指针只有两种,一种是最普通的箭头,另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到链接上时,可以看到多种不同的效果。CSS可以通过cursor属性实现鼠标形状的改变,其属性可以是
     3 默认的鼠标形状default、
     4 小手形状hand、
     5 交叉十字crosshair、
     6 文本选择符号text、
     7 Windows的沙漏形状的wait、
     8 带有问好的鼠标help
     9 以及各个方向的箭头属性值
    10 -->
    11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    12 <html xmlns="http://www.w3.org/1999/xhtml">
    13 <head>
    14 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    15 <title>鼠标光标属性</title>
    16 <style>
    17     h1{
    18         cursor:help;
    19     }
    20     h2{
    21         cursor:wait;
    22     }
    23     h3{
    24         cursor:pointer;
    25     }
    26 </style>
    27 </head>
    28 
    29 <body>
    30     <h1>wwwwwwwwwwwwwwwww</h1>
    31     <h2>wwwwwwwwwwwwwwwww</h2>
    32     <h3>wwwwwwwwwwwwwwwww</h3>
    33 </body>
    34 </html>
  • 相关阅读:
    【学习】018 Spring框架
    【学习】017 Mybatis框架
    【学习】016 MySQL数据库优化
    【学习】 015 Linux相关
    【学习】014 深入理解Http协议
    【学习】013 Servlet、Cookie、Session的简述
    js 异常判断
    CSS 文字概念小记
    Echarts tooltip 坐标值修改
    js 查找当前元素/this
  • 原文地址:https://www.cnblogs.com/Y-HKL/p/5245015.html
Copyright © 2020-2023  润新知