CSS所有鼠標形狀
CSS可以控制網頁中鼠標的樣式,下面列出了常用的鼠標形狀。
/* 定義鼠標形狀的常用屬性 */ cursor: auto; /* 默認 */ cursor: default; /* 默認 */ cursor: none; /* 隱藏鼠標 */ cursor: pointer; /* 手型 */ cursor: wait; /* 等待/小時 */ cursor: help; /* 幫助/問號 */ cursor: progress; /* 進度條/加載中 */ cursor: move; /* 拖動 */ cursor: crosshair; /* 十字線 */ cursor: text; /* 文字輸入 | 光標 */ cursor: vertical-text; /* 垂直文本輸入 | 光標 */ cursor: alias; /* 鏈接/打開鏈接 */ cursor: all-scroll; /* 手型/四個箭頭 */ cursor: cell; /* 單元格 */ cursor: col-resize; /* 列調整 */ cursor: row-resize; /* 行調整 */ cursor: e-resize; /* 右調整 */ cursor: w-resize; /* 左調整 */ cursor: n-resize; /* 上調整 */ cursor: s-resize; /* 下調整 */ cursor: ne-resize; /* 右上角調整 */ cursor: nw-resize; /* 左上角調整 */ cursor: se-resize; /* 右下角調整 */ cursor: sw-resize; /* 左下角調整 */ cursor: ew-resize; /* 水平調整 */ cursor: ns-resize; /* 垂直調整 */ cursor: nesw-resize; /* 右上到左下調整 */ cursor: nwse-resize; /* 左上到右下調整 */
上述的屬性都可以通過`cursor`來定義鼠標形狀,可以根據實際需要進行選擇和調整。
上一篇CSS手冊排版書籍