cursor · CSS基礎

## cursor 屬性 ### 屬性定義及使用說明 cursor屬性定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀 JavaScript 語法：object.style.cursor="crosshair" * * * ## 屬性值 | 值 | 描述 | | --- | --- | | *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 | 此光標指示可用的幫助（通常是一個問號或一個氣球）。 | ## 實例--一些不同的光標： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head> <body> 將鼠標移動到這些字上改變鼠標樣式cursor. auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait </body> </html> ```