CSS定義鼠標(biāo)經(jīng)過時鼠標(biāo)圖形的十五種樣式整理
發(fā)布時間:2013-09-10 17:17:30 作者:佚名
我要評論

鼠標(biāo)經(jīng)過時一般都會有鼠標(biāo)的圖形樣式,為了方便使用本文整理了十五種常見的鼠標(biāo)經(jīng)過樣式,喜歡的朋友可以收集下
CSS鼠標(biāo)樣式語法如下:
text是移動到文本上的那種效果
wait是等待的那種效果
default是默認(rèn)效果
e- resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w- resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto 是由系統(tǒng)自動給出效果
任意標(biāo)簽中插入 style="cursor:*"
例子:<span style="cursor:*">文本或其它頁面元素</span> <a href="#" style="cursor:*">文本或其它頁面元素</a> 注意把 * 換成如下15個效果的一種:
移動鼠標(biāo)到上面,看你的鼠標(biāo)起了什么變化吧!
hand是手型
例子:CSS鼠標(biāo)手型效果 <a href="#" style="cursor:hand">CSS鼠標(biāo)手型效果</a>
pointer也是手型,這里推薦使用這種,因為這可以在多種瀏覽器下使用。
例子:CSS鼠標(biāo)手型效果 <a href="#" style="cursor:pointer">CSS鼠標(biāo)手型效果</a>
crosshair是十字型
例子:CSS鼠標(biāo)十字型 效果 <a href="#" style="cursor:crosshair">CSS鼠標(biāo)十字型 效果</a>
help是問號
例子:CSS鼠標(biāo)問號效果 <a href="#" style="cursor:help">CSS鼠標(biāo)問號效果</a>
text是移動到文本上的那種效果
wait是等待的那種效果
default是默認(rèn)效果
e- resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w- resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto 是由系統(tǒng)自動給出效果
任意標(biāo)簽中插入 style="cursor:*"
例子:<span style="cursor:*">文本或其它頁面元素</span> <a href="#" style="cursor:*">文本或其它頁面元素</a> 注意把 * 換成如下15個效果的一種:
移動鼠標(biāo)到上面,看你的鼠標(biāo)起了什么變化吧!
hand是手型
例子:CSS鼠標(biāo)手型效果 <a href="#" style="cursor:hand">CSS鼠標(biāo)手型效果</a>
pointer也是手型,這里推薦使用這種,因為這可以在多種瀏覽器下使用。
例子:CSS鼠標(biāo)手型效果 <a href="#" style="cursor:pointer">CSS鼠標(biāo)手型效果</a>
crosshair是十字型
例子:CSS鼠標(biāo)十字型 效果 <a href="#" style="cursor:crosshair">CSS鼠標(biāo)十字型 效果</a>
help是問號
例子:CSS鼠標(biāo)問號效果 <a href="#" style="cursor:help">CSS鼠標(biāo)問號效果</a>
相關(guān)文章
- 網(wǎng)頁制作寫CSS樣式的時候,我們寫的并不規(guī)范,使用CSS格式替換整理工具,可以進(jìn)行整理并壓縮CSS文件,使用比較簡單,打開軟件后選擇css文件,讀取后,再保存即可2014-12-26
- 要用到鼠標(biāo)樣式效果,就順便整理了下十五種CSS鼠標(biāo)樣式,小例子供大家使用啊,下面與大家分享下CSS鼠標(biāo)樣式語法及示例,有需求的朋友可以參考下,希望對大家有所幫助2013-08-13
- 以下引用網(wǎng)絡(luò)上的一篇文章,不知道作者是誰了,總體上概括的不錯,但是在實際應(yīng)用當(dāng)中還是要根據(jù)項目情況來具體實施比較好。2010-08-26
- 樣式表(CSS) 在線格式整理與壓縮工具2010-05-13
- 1、不要使用過小的圖片做背景平鋪。這就是為何很多人都不用 1px 的原因,這才知曉。寬高 1px 的圖片平鋪出一個寬高 200px 的區(qū)域,需要 200*200=40, 000 次,占用資源。2008-09-30
- 本文給大家收藏整理了史上最全面的css樣式,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2018-01-09