站長資訊網
        最全最豐富的資訊網站

        css怎么改變鼠標樣式

        在css中,可以通過cursor屬性來設置鼠標樣式,語法格式“cursor:值;”。cursor屬性用于規定要顯示的光標的類型(形狀),可以設置鼠標指針放在一個元素邊界范圍內時所用的光標形狀。

        css怎么改變鼠標樣式

        本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

        有些時候我們并不想加文字,圖片以及鏈接,卻想要加鏈接時的鼠標樣式。這就用到了我們的css中的cursor來設置鼠標指針形狀。

        cursor屬性規定要顯示的光標的類型(形狀)。該屬性定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀。

        下面就是鼠標指針cursor屬性的一些屬性值:

        css怎么改變鼠標樣式

        實例:

        <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title></title>  </head> <body> <p>請把鼠標移動到單詞上:</p> <span style="cursor:auto">auto</span><br> <span style="cursor:crosshair">crosshair</span><br> <span style="cursor:default">default</span><br> <span style="cursor:e-resize">e-resize</span><br> <span style="cursor:help">help</span><br> <span style="cursor:move">move</span><br> <span style="cursor:n-resize">n-resize</span><br> <span style="cursor:ne-resize">ne-resize</span><br> <span style="cursor:nw-resize">nw-resize</span><br> <span style="cursor:pointer">pointer</span><br> <span style="cursor:progress">progress</span><br> <span style="cursor:s-resize">s-resize</span><br> <span style="cursor:se-resize">se-resize</span><br> <span style="cursor:sw-resize">sw-resize</span><br> <span style="cursor:text">text</span><br> <span style="cursor:w-resize">w-resize</span><br> <span style="cursor:wait">wait</span><br> </body> </html>

        這樣鼠標就變成我們需要的了。

        css怎么改變鼠標樣式

        說明:

        還有一種用法其原理是:利用了CSS2的一個cursor的屬性cursor:url (url),鼠標文件可以使用jpggifanicur多種文件格式。需要注意的這種方式只能在IE5.5以上瀏覽器中正常顯示。

        推薦學習:《css視頻教程》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 99精品在线观看| 精品欧美一区二区在线看片| 国产一级精品高清一级毛片| 久久国产精品77777| 久久这里只有精品视频99| 精品三级在线观看| 久久久免费精品re6| 人妻一区二区三区无码精品一区| 欧美亚洲国产精品第一页| 国产成人精品日本亚洲| 亚洲日韩一页精品发布| 九九久久精品无码专区| 999久久久免费国产精品播放| 97精品国产91久久久久久| 老司机午夜精品视频资源| 亚洲国产精品ⅴa在线观看| 国产午夜亚洲精品理论片不卡 | 国产91在线精品| 日本精品久久久中文字幕| 3D动漫精品一区二区三区| 国产精品亚洲一区二区三区在线| 亚洲国产精品福利片在线观看| 婷婷国产成人精品一区二| 久久久久亚洲精品天堂久久久久久| 国产成人久久精品麻豆一区| 欧美精品高清在线观看| 久久国产精品99精品国产987| 992tv精品视频tv在线观看| 色国产精品一区在线观看| 嫖妓丰满肥熟妇在线精品| 午夜精品久久久久久中宇| 亚洲AV成人精品一区二区三区| 亚洲精品视频在线看| 永久免费精品影视网站| 在线观看国产精品普通话对白精品| 亚洲电影日韩精品| 亚洲色精品vr一区二区三区| 亚洲AV无码久久精品色欲| 日韩欧精品无码视频无删节 | 精品无码AV无码免费专区| 久久精品a亚洲国产v高清不卡|