網上可以找到,我只是記下給自己用!
CSS 常用鼠標箭頭樣式:
cursor:auto; /*正常鼠標 */
cursor:crosshair;/*十字鼠標 */
cursor:default;/*默認鼠標 */
cursor:pointer;/*手*/
cursor:move; /*移動鼠標 */
cursor:e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize;/*改變大小鼠標 */
cursor:text; /*文字鼠標 */
cursor:wait;/*等待鼠標 */
cursor:help;/*求助鼠標 */
詳細對照表:
| 值 | 描述 |
|---|---|
| url | 需使用的自定義光標的 URL 注釋:請在此列表的末端始終定義一種普通的光標,以防沒有由 URL 定義的可用光標 |
| default | 默認光標(通常是一個箭頭) |
| auto | 默認瀏覽器設置的光標 |
| crosshair | 光標呈現為十字線 |
| pointer | 光標呈現為指示鏈接的指針(一只手) |
| move | 此光標指示某對象可被移動 |
| e-resize | 此光標指示矩形框的邊緣可被向右(東)移動 |
| ne-resize | 此光標指示矩形框的邊緣可被向上及向右移動(北/東) |
| nw-resize | 此光標指示矩形框的邊緣可被向上及向左移動(北/西) |
| n-resize | 此光標指示矩形框的邊緣可被向上(北)移動 |
| se-resize | 此光標指示矩形框的邊緣可被向下及向右移動(南/東) |
| sw-resize | 此光標指示矩形框的邊緣可被向下及向左移動(南/西) |
| s-resize | 此光標指示矩形框的邊緣可被向下移動(南) |
| w-resize | 此光標指示矩形框的邊緣可被向左移動(西) |
| text | 此光標指示文本 |
| wait | 此光標指示程序正忙(通常是一只表或沙漏) |
| help | 此光標指示可用的幫助(通常是一個問號或一個氣球) |
水文章就是這麼簡單!
版權屬於:zgcwkj
本文鏈接:https://www.zgcwkj.com/archives/120.html
轉載聲明:請注明本文章的標題及內容的出處和聲明,謝謝
評論已關閉