小知识点|青训营笔记

137 阅读2分钟
这是我参与「第四届青训营 」笔记创作活动的的第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 :光标表示程序正忙(通常是一只表或沙漏)
今天浏览网页看到这个属性,不是很熟悉,于是上网搜所查询了相关的知识点,并总结在这里,如果有错误或者补充可以告诉我。
这个属性还有很多属性值,可以自行上网络搜索,并运用在自己的网页中。