zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    git
    RT-Thread 4.0 + STM32F407 学习笔记1
    C#串口通信及数据表格存储
    NRF52832初步使用
    ubuntu终端下快捷键之--字体放大缩小
    微信公众号开发被动回复用户消息,回复内容Content使用了" "换行符还是没有换行
    python2018年秋季调研
    python图像处理模块Pillow--Image模块
    linux查看文件命令tail的使用
    使用xadmin更新数据时,报错expected string or bytes-like object
  • 原文地址:https://www.cnblogs.com/Y-HKL/p/5245015.html
Copyright © 2011-2022 走看看