这是我参与「第四届青训营 」笔记创作活动的的第7天。
CSS属性有很多,今天讲一个重要的属性:cursor属性,以及它的很多可选值。
基本语法:
解释:鼠标指针放在一个元素边界范围内时所呈现的光标形状,它包括问号,小手等形状。使用时可以在任何你想要添加的标签里,插入style="cursor : 某属性值" ,也可以在CSS样式中添加。
- 属性值:
- cursor:pointer,光标成小手形状;
- cursor:help,光标成帮助形状
- cursor:crosshair,光标成十字架
- cursor:default,这是默认光标,光标成一个箭头
- cursor:auto,也是默认,是浏览器设置的光标
- cursor:move,表示对象可被移动
- cursor:e-resize,表示矩形框的边缘可被向右移动
- cursor:ne-resize:光标表示矩形框的边缘可被向上及向右移动
- cursor:nw-resize:光标表示矩形框的边缘可被向上及向左移动
- cursor:n-resize: 光标表示矩形框的边缘可被向上移动
- cursor:se-resize:光标表示矩形框的边缘可被向下及向右移动
- cursor:sw-resize:光标表示矩形框的边缘可被向下及向左移动
- cursor:s-resize: 光标表示矩形框的边缘可被向下移动
- w-resize:光标表示矩形框的边缘可被向左移动
- cursor: text :光标表示文本
- cursor: wait :光标表示程序正忙(通常是一只表或沙漏)
这个属性还有很多属性值,可以自行上网络搜索,并运用在自己的网页中。