/*设置CSS光标为十字*/ .crosshair-cursor{ cursor: crosshair; }

CSS光标变为十字 - crosshair

当网页中添加鼠标交互元素时，改变光标样式是很常见的需求。CSS提供多种预设的光标样式，其中一个常用的是crosshair。

为元素添加crosshair光标样式后，当鼠标移动到该元素上时，光标会变成一个十字形状。这种光标通常用于标示该元素可以拖动或者进行其它交互操作。

以下是一个使用crosshair光标样式的例子：

 .crosshair-cursor{
        cursor: crosshair;
      } 

可以通过在CSS中添加如上代码来定义crosshair样式。将该样式应用到任何元素后，当鼠标移动到该元素上时，就会看到光标变成一个十字形状。

总之，将光标样式改变成crosshair是CSS中很简单的一种操作，而且在网页开发中也很常见。通过设置光标样式可以提高网页的交互性，让用户更好地理解页面上的元素及其功能。