/* 将光标样式设置为手指形状 */ .element { cursor: pointer; }
在上面的代码中,大家将CSS的光标样式设置为了 “pointer” ,这是在CSS中最常用的光标样式之一。这会将鼠标光标变成小手,仿佛在向用户暗示“这里可以点击哦!”。
需要注意的是,这个样式只会在你的光标悬停在对应的元素上时才会生效。如果你的元素本来就是不能被点击的,那么这个样式也不会有任何作用。
如果你想让整个页面都使用小手光标(比如当你的页面设计成一张地图,需要用户在上面进行一些交互时),那么可以将这个样式应用到整个body元素上:
/* 将光标样式设置为手指形状 */ body { cursor: pointer; }
这样就可以让你的整个页面的光标变成小手啦!