CSS鼠標用箭頭怎么寫
在CSS中,我們可以使用cursor
屬性來設置鼠標的樣式,包括箭頭的樣式,以下是一些常見的箭頭樣式:
1、default
:默認箭頭,通常是一個十字形的箭頭。
2、arrow
:一個普通的箭頭。
3、crosshair
:十字形的準星。
4、text
:文本選擇工具。
5、vertical-text
:垂直文本選擇工具。
6、alias
:一個別名或快捷方式。
7、copy
:表示可以復制。
8、move
:表示可以移動。
9、no-drop
:表示不能放置或拖動。
10、grab
:一個抓手圖標。
11、all-scroll
:表示可以上下左右拖動。
12、col-resize
:表示可以左右拖動調整列寬。
13、row-resize
:表示可以上下拖動調整行高。
14、n-resize
:表示可以向上拖動。
15、e-resize
:表示可以向右拖動。
16、s-resize
:表示可以向下拖動。
17、w-resize
:表示可以向左拖動。
18、ne-resize
:表示可以向右上角拖動。
19、nw-resize
:表示可以向左上角拖動。
20、se-resize
:表示可以向右下角拖動。
21、sw-resize
:表示可以向左下角拖動。
我們可以將上述的樣式名稱賦值給cursor
屬性,以設置鼠標的箭頭樣式,如果我們想要將鼠標的箭頭樣式設置為一個普通的箭頭,我們可以這樣寫:
div { cursor: arrow; }
這樣,當鼠標移動到該元素上時,就會顯示出一個普通的箭頭樣式。