怎么用css添加手狀樣式讓鼠標移上去變小手

這篇文章主要介紹“怎么用css添加手狀樣式讓鼠標移上去變小手”，在日常操作中，相信很多人在怎么用css添加手狀樣式讓鼠標移上去變小手問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么用css添加手狀樣式讓鼠標移上去變小手”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

用css 添加手狀樣式,鼠標移上去變小手,變小手

代碼如下:

<span >cursor:pointer;  
 
</span><div class="wp_syntax"><span >用JS使鼠標變小手onmouseover(鼠標越過的時候)  
</span><div class="code"><pre name="code" class="javascript"><span >onmouseover<span >=</span><span >"this.style.cursor='hand'"</span>  
</span></pre><span ></span></div><span ></span></div><span ></span><div class="wp_syntax"><span ></span><div class="code"><span ></span><pre name="code" class="php"><span >cursor其他取值    
auto                    ：標準光標    
<span >default</span>                 ：標準箭頭    
pointer, hand                   ：手形光標    
wait                     ：等待光標    
text                      ：I形光標    
vertical<span >-</span>text          ：水平I形光標    
no<span >-</span>drop                ：不可拖動光標    
not<span >-</span>allowed           ：無效光標    
help                     ：幫助光標    
all<span >-</span>scroll         ：三角方向標    
move                     ：移動標    
crosshair           ：十字標  </span>  
</pre></div></div>

到此，關于“怎么用css添加手狀樣式讓鼠標移上去變小手”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！