用css很容易实现，添加一个样式cursor: text;，代码如下： Untitled div{ cursor: text; background: #eeeeee; width: 400px; height: 200px; } Hello World! 效果如下：cursor样式说明：url 需使用的自定义光标的 URL。注释：请在此列表的末端始...
div+css鼠标在div上变成竖线
你好，请看以下样式，根据自己喜好，可以任意改变鼠标样式
<style type="text/css">
<!--
span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;}
-->
</style>
<span style="cursor:hand;">hand 手型</span>
<span style="cursor:crosshair;">crosshair 十字</span>
<span style="cursor:text;">text 文本</span>
<span style="cursor:wait;">wait 等待</span>
<span style="cursor:help;">help 问号</span>
<span style="cursor:e-resize;">e-resize 右的箭头</span>
<span style="cursor:ne-resize;">ne-resize 右上的箭头</span>
<span style="cursor:n-resize;">n-resize 上的箭头</span>
<span style="cursor:nw-resize;">nw-resize 左上的箭头</span>
<span style="cursor:w-resize;">w-resize 左的箭头</span>
<span style="cursor:sw-resize;">sw-resize 左下的箭头</span>
<span style="cursor:s-resize;">s-resize 下的箭头</span>
<span style="cursor:se-resize;">se-resize 右下的箭头</span>
<span style="cursor:move;">move 移动</span>2015-04-13
用css很容易实现，添加一个样式cursor: text;，代码如下：
<!DOCTYPE HTML><html><head> <title>Untitled</title> <style> div{ cursor: text; background: #eeeeee; width: 400px; height: 200px; } </style></head><body><div>Hello World!</div></body></html>
效果如下：
cursor样式说明：
url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default 默认光标（通常是一个箭头）auto 默认。浏览器设置的光标。crosshair 光标呈现为十字线。pointer 光标呈现为指示链接的指针（一只手）move 此光标指示某对象可被移动。e-resize 此光标指示矩形框的边缘可被向右（东）移动。ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。n-resize 此光标指示矩形框的边缘可被向上（北）移动。se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。s-resize 此光标指示矩形框的边缘可被向下移动（南）。w-resize 此光标指示矩形框的边缘可被向左移动（西）。text 此光标指示文本。wait 此光标指示程序正忙（通常是一只表或沙漏）。help 此光标指示可用的帮助（通常是一个问号或一个气球）。
2016-02-04
CSS DIV 怎么做出来鼠标移动上就显示其内容? 
