CSS鼠标指针cursor样式
生活随笔
收集整理的這篇文章主要介紹了
CSS鼠标指针cursor样式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考來源:W3SCHOOL
有時我們需要在CSS布局時設定特定的鼠標指針樣式,這時可以通過設定cursor來實現:
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:此光標指示可用的幫助(通常是一個問號或一個氣球);
例如:<span>
在線測試:在線測試地址
總結
以上是生活随笔為你收集整理的CSS鼠标指针cursor样式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 5.无监督学习-DBSCAN聚类算法及应
- 下一篇: 盛京银行京东联名信用卡需要面签吗?取决于