css⿏标悬浮样式_css之⿏标样式
有关⿏标样式的东西，只需要稍作个了解就⾏，除了pointer，其它的⽤的并不是⾮常的多。所有主流浏览器都⽀持 cursor 属性。样式属性
1. url需使⽤的⾃定义光标的 URL。请在此列表的末端始终定义⼀种普通的光标，以防没有由 URL 定义的可⽤光标。
2. default默认光标（通常是⼀个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为⼗字线。
3. pointer光标呈现为指⽰链接的指针（⼀只⼿）
4. move此光标指⽰某对象可被移动。
5. e-resize此光标指⽰矩形框的边缘可被向右（东）移动。
6. ne-resize此光标指⽰矩形框的边缘可被向上及向右移动（北/东）。
7. nw-resize此光标指⽰矩形框的边缘可被向上及向左移动（北/西）。
8. n-resize此光标指⽰矩形框的边缘可被向上（北）移动。
9. se-resize此光标指⽰矩形框的边缘可被向下及向右移动（南/东）。
10. sw-resize此光标指⽰矩形框的边缘可被向下及向左移动（南/西）。
11. s-resize此光标指⽰矩形框的边缘可被向下移动（南）。
12. w-resize此光标指⽰矩形框的边缘可被向左移动（西）。
13. text此光标指⽰⽂本。wait此光标指⽰程序正忙（通常是⼀只表或沙漏）。
14. help此光标指⽰可⽤的帮助（通常是⼀个问号或⼀个⽓球）。
练习代码
.box{
width: 200px;
height: 200px;
background-color: red;
}
.box:hover{
/* 有关⿏标样式的代码（cursor） */
/
* ⼗字形状 */
/* cursor: crosshair; */
/* ⼩⼿形状 */
/* cursor: pointer; */
/* 等待形状 */
/* cursor: wait; */
/* 帮助形状 */
/* cursor: help; */
/* ⽂本形状 */
/* cursor: text; */
/* 默认形状 */
/
* cursor: default; */
/* 此光标指⽰某对象可被移动 */
/* cursor: move; */
/* 此光标指⽰矩形框的边缘可被向右（东）移动。 */
/* cursor: e-resize; */
/* 此光标指⽰矩形框的边缘可被向上及向右移动（北/东）。 */    /* cursor: ne-resize; */
/* 此光标指⽰矩形框的边缘可被向上及向左移动（北/西） */    /* cursor: nw-resize; */
/* 此光标指⽰矩形框的边缘可被向上（北）移动。 */
/* cursor: n-resize; */
css鼠标点击样式
/* 此光标指⽰矩形框的边缘可被向下及向右移动（南/东）。 */    /* cursor: se-resize; */
/* cursor: sw-resize; */
/
* cursor: s-resize; */
cursor: w-resize;
background-color: green;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。