怎样利用css设置鼠标样式[dreamweaver教程]
1、打开浏览器,在百度上搜索“鼠标指针文件”,你看到有很多的网站都可以下载,选择一个你喜欢的样式,文件的格式是.ani。然后将盐淬芪求该文件放到你的本地站点的文件夹中。所谓的本地站点文件夹就是下图中看到的位置,是学习dreamweaver第一节课就要定义好的。你可以参考百度经验《dreamweaver如何新建站点》。下图中文件0001.ani就是我下载的指针文件。
![怎样利用css设置鼠标样式[dreamweaver教程]](https://exp-picture.cdn.bcebos.com/b57fb6db574afa3252cb934454b2dc19cf2c14ef.jpg)
![怎样利用css设置鼠标样式[dreamweaver教程]](https://exp-picture.cdn.bcebos.com/fb738d9c2cf7dfb2184e719fd01b1edef5dc13ef.jpg)
2、我们打开dreamweaver,然后按快捷键ctrl+n,新建一个页面。
![怎样利用css设置鼠标样式[dreamweaver教程]](https://exp-picture.cdn.bcebos.com/dd58d02c5b1b1ede3c8b1f8a981fceecd2d90fef.jpg)
3、点击界面右上角的css样式,在下方空白地方点击右键,选择新建。
![怎样利用css设置鼠标样式[dreamweaver教程]](https://exp-picture.cdn.bcebos.com/125ed0ecd3d969753c93532ad243040149fe09ef.jpg)
4、弹出对话框。选择标签,标签名字为body,这个设置的意思是,我们要在整体页面上运用css,body就是你的页面的意思。设置仅对该文档,其他文件不会运用该文档。
![怎样利用css设置鼠标样式[dreamweaver教程]](https://exp-picture.cdn.bcebos.com/edd84743040148fecd15e2d88fd149299b8802ef.jpg)
5、接下来弹出参数设置的对话框,我们点击“扩展”,填写光标为url(0001.ani)我们知道这个文件就是我们刚刚下载的鼠标样式。点击确定即可。
![怎样利用css设置鼠标样式[dreamweaver教程]](https://exp-picture.cdn.bcebos.com/1f03436b04d149294ddf86a063e5eceeacbc7eef.jpg)
6、我们岳蘖氽颐按快捷键F12,发现没有变化,鼠标还是原先的样子,为什么?我们的页面什么内容也没有,所以body部分非常小,只有光标放在body才能显示样式,所以回到dreamweaver按回车键输入空段落。u
![怎样利用css设置鼠标样式[dreamweaver教程]](https://exp-picture.cdn.bcebos.com/3852f6e5eceeadbc6278f8c3cd18dfdae53b7bef.jpg)
7、接着我们按快捷键F12预览一下,就可以看到效果了。
![怎样利用css设置鼠标样式[dreamweaver教程]](https://exp-picture.cdn.bcebos.com/32fe25ef354f50b809691768dc4afa32929c18ef.jpg)