鼠标指针 (光标)

2019-06-30  本文已影响0人  Lzg

鼠标光标是什么东西

相信大家上网时 都见到过鼠标指针吧 比如说鼠标滑到一个地方 会显示小手;
下面我带大家来瞅一瞅什么样的指针。

首先
1.先看一下小手光标。
代码如下:

img:hover{
        cursor: pointer;
    }

img:是图片 hover:是 划过显示 cursor:pointer是显示小手;

咱来瞅瞅是什么效果:

2.在看一个问号光标。
代码如下:

img:hover{
        cursor: help;
}

效果:

3.在看一个等待光标。
代码如下:

img:hover{
        cursor: wait;
}

效果图:
    这个效果那个等待圈(一直转) 相当于 未响应 等待响应;


4.在看一个放大光标。
代码如下:

img:hover{
        cursor: zoom-in;
}

效果图:


5.在看一个缩小光标。
代码如下:

img:hover{
        cursor: zoom-out;
}

效果图:


6.在看一个文本光标。
代码如下:
img:hover{
        cursor: text;
}

效果图:

最后来解释一下为什么图片这么模糊呢 。

截图.截不到鼠标指针 ,所以只能用手机照相,拍电脑很模糊。

上一篇下一篇

猜你喜欢

热点阅读