欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

通过添加css样式cursor属性,改变鼠标的外形,变成放大镜

程序员文章站 2024-02-12 17:55:04
...

在网页中引入图片后,当我把鼠标移入图片上的时候鼠标并没有像一般网站那样鼠标指针变成一个放大镜的样子
通过添加css样式cursor属性,改变鼠标的外形,变成放大镜
要达到这种效果需要给图片的样式中添加一个cursor属性。

.imgSample{
    cursor: url('../../ico/放大镜.png'), auto;
}

这种方式是cursor自定义样式.
其实就是当鼠标移入图片时,将指针换成想要的图片中的样式。
而系统原有的一些鼠标样式,比如十字行,小手型,处于更新繁忙状态等其他形状,都是可以通过更改cursor的值进行修改。具体参考菜鸟教程:菜鸟教程关于cursor的讲解

相关标签: html/css