网页设计中怎么把鼠标默认指针换成你想要的图标

 时间:2024-10-11 04:27:31

网页设计中,如何把默认的鼠标指针换成我们自己设计的小图标呢

网页设计中怎么把鼠标默认指针换成你想要的图标

工具/原料

AdobeDreamweaver2018

方法/步骤

1、打开DW软件,并新建一个html网页。

网页设计中怎么把鼠标默认指针换成你想要的图标

2、新建好后按CTRL+S保存新建的网页。

网页设计中怎么把鼠标默认指针换成你想要的图标

3、接着在head标签中输入【<style咯悝滩镞type="text/css"></style>】用来引入CSS

网页设计中怎么把鼠标默认指针换成你想要的图标

4、接着在style中输入【*{cursor:url(),auto;}】,并保存html文件

网页设计中怎么把鼠标默认指针换成你想要的图标

5、在代码*{cursor:url(),auto;}的两个小括号中间按空格键,在出现擢爻充种的小窗口中选择【浏览】

网页设计中怎么把鼠标默认指针换成你想要的图标

6、在打开的窗口中找到你想使用的ico鼠标指针文件,选中后并点击打开

网页设计中怎么把鼠标默认指针换成你想要的图标

7、可以看到代码已经变成了【*{cursor:url(tubiao饱终柯肢.ico),auto;}】。然后按CTRL+S保存html文件

网页设计中怎么把鼠标默认指针换成你想要的图标

8、打开我们刚才制作的网页后可以看到,当鼠标指针放在网页上时,指针已经变成了我们自己的鼠标指针图标啦

网页设计中怎么把鼠标默认指针换成你想要的图标

不会制作鼠标指针的可以继续往下看

1、如果不会制作鼠标指针,可以查看以下经验,用PS制作一个png格式的鼠标指针

2、记下来就要把设计制作好的png图标转换成ico图标文件,不会的朋友也可以点击以下引用的经验查看哦

热门搜索
淋浴图片 海鲜图片大全 毒蘑菇图片大全 勒布朗詹姆斯图片 深海鱼图片大全大图