在制作HTML中，鼠标放上面和鼠标不放在上面的样式怎样设计

可以给你想要显示不同鼠标样式的元素加个css样式。在css样式里面有很多鼠标样式可以选择。

具体的语法就是.classone {cursor:pointer} 其中classone是你元素的class名称，后面pointer就是你想要的鼠标样式。这个样式的属性有很多，包括

default 默认光标（通常是一个箭头）

auto 默认。浏览器设置的光标。

crosshair 光标呈现为十字线。

pointer 光标呈现为指示链接的指针（一只手）

move 此光标指示某对象可被移动。

e-resize 此光标指示矩形框的边缘可被向右（东）移动。

ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。

nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。

n-resize 此光标指示矩形框的边缘可被向上（北）移动。

se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。

sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。

s-resize 此光标指示矩形框的边缘可被向下移动（北/西）。

w-resize 此光标指示矩形框的边缘可被向左移动（西）。

text 此光标指示文本。

wait 此光标指示程序正忙（通常是一只表或沙漏）。

help 此光标指示可用的帮助（通常是一个问号或一个气球）。

具体你可以在http://www.w3school.com.cn/tiy/t.asp?f=csse_cursor 这里看到效果

如果还有不明白的我尽量帮忙，希望能够对你有帮助^^

在除了IE6的情况下，可以通过CSS的:hover伪类来实现：

假如你想设定的固定区域为：<div id="test"></div>,那么只需要在CSS样式表里定义：#test:hover{cursor:pointer/*这里必须设为pointer才会对所有浏览器有效，hander只针对IE有效*/}，

如果要在IE6下实现这个效果，除非你固定的区域是个块状的<a>标签区域，否则就要借助JS来实现了（引入一个HTC文件可以解决）。

【另外有一种更简便的方法】：就是将这个元素用<a>包围起来，如：

<a href="#" style="text-decoration:none"><div id="test" style="height:50pxwidth:50px"><!--这个区域的鼠标是手形！--></div></a>，这个方法IE6也同样可以有效。

有一个属性叫cursor

例如给一个标签设置：

#example{

cursor:pointer

}

你试试看效果，后面的内容可以修改为你想要的。

补充：

那你给body设置啊。你试试看。

---