CSS光標(biāo)朝上的屬性是cursor: north-resize;。這個(gè)屬性可以讓光標(biāo)變成一個(gè)向上的箭頭,表示可以向上調(diào)整大小,常常用在表格或可調(diào)整大小的區(qū)域中。
接下來是一個(gè)示例代碼,有一個(gè)可調(diào)整大小的區(qū)域,光標(biāo)默認(rèn)為箭頭,當(dāng)鼠標(biāo)移動到區(qū)域的上方時(shí),光標(biāo)會變成向上的箭頭,表示可以向上調(diào)整大小:
div { width: 200px; height: 200px; background-color: #ddd; resize: vertical; overflow: auto; cursor: pointer; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } div:hover { cursor: north-resize; }
在上面的代碼中,resize: vertical;屬性表示允許垂直調(diào)整大小,overflow: auto;屬性表示當(dāng)內(nèi)容超出可調(diào)整區(qū)域時(shí),顯示滾動條,cursor: pointer;屬性表示光標(biāo)默認(rèn)為一個(gè)指針。
另外,為了兼容不同瀏覽器,還可以使用cursor: -webkit-grab;、cursor: -moz-grab;和cursor: grab;屬性來設(shè)置光標(biāo)為可抓取的手勢光標(biāo)。
以上是CSS光標(biāo)向上的一些基礎(chǔ)知識和示例代碼,希望對大家有所幫助。
下一篇css光照