css箭头跟随鼠标的代码

html-css027

css箭头跟随鼠标的代码,第1张

.asd {

cursor: pointer

}

css代码里加这么一条就行了把pointer改成别的就可以让鼠标变成别的样子,也可以输入图片的定位符变成指定的形状!

鼠标大变身

对于百度空间的css自定义功能,本人很喜欢

css的功能很强大,基本能够满足很多个性设置的需求了

鼠标的设置就是css的功能之一

改变自己的鼠标其实很简单,且往下看

切入css自定义的网页中,当中有一大段代码[废话~],不多说了,直接入正题

在第一行的body后面的大括号{}中,我们在末尾+上"cursor:url('http://webme.bokee.com/inc/mouse016.ani')"的代码,即可得到我现在所用的鼠标样式,如果不喜欢我的鼠标样式,可以到下面的网页中选择自己喜欢的样式,然后把代码复制出来,再在前面+上"",然后粘贴到我说的位置就可以了。

这是鼠标样式大全的网址:http://myok.blogchina.com/3429184.html

现在预览一下效果,是不是鼠标变样子了?哈哈~~~

不过不要以为现在就大功告成了,再仔细看看,当鼠标移到超链接上的时候,是不是又变回原来的样子了,怎么办?

呵呵,不要紧,我们现在来完善我们的个性鼠标,hoho~~~~

在css中body{}的下面,我们+上a{鼠标样式代码},就可以了。这样,当鼠标移动到网页中的超链接上的时候,鼠标的样式就变成a{}中定义的鼠

我看你的代码实在晕,错误百出,

float:left写成了float-left

color:red写成了clolr:red

href=#"少写了半个引号

结束</li>标签没有写

</body>写成了</boyd>

然后说一下为什么你后面的字为什么会动,因为你的a标签和a标签经过的宽高不一样,当然会动了。比如,你想想,本来a宽50px,你鼠标指上去是宽100px了,它后面当然会往右移啦。所以,你只要保持a和a:hover宽高一致就不会动来动去了。

例如去掉a:hover里的width:50pxheight:50px