用Dreamweaver MX创造网页鼠标样式(2)_Dreamweaver教程

style="cursor:e-resize">e-resize：是向右的箭头。</span><br>
<span style="cursor:ne-resize">ne-resize：是向右上方的箭头。</span><br>
<span style="cursor:n-resize">n-resize：是向上的箭头。</span><br>
<span style="cursor:nw-resize">nw-resize：是向左上方的箭头。</span><br>
<span style="cursor:w-resize">w-resize：是向左的箭关。</span><br>
<span style="cursor:sw-resize">sw-resize：是向左下的箭头。</span><br>
<span style="cursor:s-resize">s-resize：是向下的箭头。</span><br>
<span style="cursor:se-resize">se-resize：是向右下方的箭头。</span><br>
<span style="cursor:auto">auto：是系统自动的效果。</span>

将上面这段代码拷到你的网页中，按F12预览。将你的鼠标移到相应的文本上方，看看鼠标有什么变化？是不是以相应的样式显现了？

感觉如何？亲手去体验一下吧。希望小乌龟能带给你不一样的感觉！！