在 IE 下設置鼠標為手型的方法: cursor: hand,但是在 FIREFOX 中是無效的,解決方法是在FIREFOX中設置: cursor: pointer.
而這個pointer 值在IE和FIREFOX 下都是通用的,所以我們使用: cursor:pointer 就可以了。
一般而言,鼠標以斜向上的箭頭顯示,移到文本上時變為有頭的豎線,移到超級鏈接上變為手型。
但用css可控制鼠標的顯示效果,如可使鼠標移到普通文本上也顯示成手型。
1.定義和用法cursor 屬性規定要顯示的光標的類型(形狀)。
該屬性定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀(不過 CSS2.1 沒有定義由哪個邊界確定這個范圍)。
2.屬性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此光標指示可用的幫助(通常是一個問號或一個氣球)。所有主流瀏覽器都支持 cursor 屬性。
注釋:Opera 9.3 和 Safari 3 不支持 url 值。
注釋:任何版本的 Internet Explorer (包括 IE8)都不支持屬性值 inherit 。
4.html代碼html body p 請把鼠標移動到單詞上,可以看到鼠標指針發生變化: /p span >以上就是CSS cursor的定義及用法的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答