在制作HTML中,鼠标放上面和鼠标不放在上面的样式怎样设计
发布网友
发布时间：2022-05-03 00:05
共2个回答
热心网友
时间：2022-04-20 16:38
具体的语法就是.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
这里看到效果
如果还有不明白的我尽量帮忙，希望能够对你有帮助^^
热心网友
时间：2022-04-20 17:56
你说的这属于hover伪类，也就是鼠标悬停效果，网上最常见的就是控制鼠标悬停链接样式改变，我简单的给你应用一下
a:hover{color:red;}
意思就是，当鼠标停留在链接上。字体颜色改变成红色
当然了，伪类的应用还不止这些。还有很多。具体的你就到w3school看看就知道了
