怎样利用css设置鼠标样式[dreamweaver教程]-趣百科

怎样利用css设置鼠标样式[dreamweaver教程]

怎样设置网页，才能让网友看到你的网页的时候，鼠标变成你想要的样子呢？

打开浏览器，在百度上搜索“鼠标指针文件”，你看到有很多的网站都可以下载，选择一个你喜欢的样式，文件的格式是.ani。然后将该文件放到你的本地站点的文件夹中。所谓的本地站点文件夹就是下图中看到的位置，是学习dreamweaver第一节课就要定义好的。你可以参考百度经验《dreamweaver如何新建站点》。下图中文件0001.ani就是我下载的指针文件。

我们打开dreamweaver，然后按快捷键ctrl+n，新建一个页面。

点击界面右上角的css样式，在下方空白地方点击右键，选择新建。

弹出对话框。选择标签，标签名字为body，这个设置的意思是，我们要在整体页面上运用css，body就是你的页面的意思。设置仅对该文档，其他文件不会运用该文档。

接下来弹出参数设置的对话框，我们点击“扩展”，填写光标为url（0001.ani）我们知道这个文件就是我们刚刚下载的鼠标样式。点击确定即可。

我们按快捷键F12，发现没有变化，鼠标还是原先的样子，为什么？我们的页面什么内容也没有，所以body部分非常小，只有光标放在body才能显示样式，所以回到dreamweaver按回车键输入空段落。

接着我们按快捷键F12预览一下，就可以看到效果了。

怎样利用css设置鼠标样式[dreamweaver教程]

相关推荐