#WordPress笔记#如何修改博客网页鼠标的样式

  • A+
所属分类：技术教程
默认的鼠标样式大家可能已经审美疲劳了，本文将介绍下如何修改鼠标样式，具体效果见本站，当然，手机、平板等触摸屏是看不见的，大神勿喷哈。

打开主题下的CSS样式表，加入下面的一段代码然后保存即可。

  1. /**新鼠标样式**/
  2. body {
  3. cursor: url(img/Arrow.png), auto;
  4. }
  5. a:hover {
  6. cursor: url(img/Hand.png), auto;
  7. }

PS：第一段是鼠标正常状态下样式，第二段是选择状态下样式。

其中Arrow.png、Hand.png是样式图片的名字，把样式素材放到网站目录，把代码里的路径换上你放素材的路径即可，文章末提供一套素材的下载，预览见下图。

下载信息 鼠标样式包 222KB
下载地址
  • 我的QQ
  • 这是我的QQ扫一扫
  • weinxin
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: