css設置鼠標光標形狀的方法

本文將為大家詳細介紹“css設置鼠標光標形狀的方法”，內(nèi)容步驟清晰詳細，細節(jié)處理妥當，而小編每天都會更新不同的知識點，希望這篇“css設置鼠標光標形狀的方法”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識吧。

目前成都創(chuàng)新互聯(lián)已為上千余家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)頁空間、網(wǎng)站托管維護、企業(yè)網(wǎng)站設計、杞縣網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結構決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進行格式化。

css設置鼠標光標形狀的方法：可以利用cursor屬性來進行設置，如【<span style="cursor:crosshair">crosshair</span>】，表示將光標設置為十字線形狀。

屬性介紹：

cursor屬性定義了鼠標指針放在一個元素邊界范圍內(nèi)時所用的光標形狀。

常用屬性值：

  • text    此光標指示文本。

  • wait    此光標指示程序正忙（通常是一只表或沙漏）。

  • help    此光標指示可用的幫助（通常是一個問號或一個氣球）。

  • auto    默認。瀏覽器設置的光標。

  • crosshair    光標呈現(xiàn)為十字線。

  • pointer    光標呈現(xiàn)為指示鏈接的指針（一只手）

設置鼠標光標形狀的方法：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>創(chuàng)新互聯(lián)</title> 
</head>
<body>
<p>請把鼠標移動到單詞上，可以看到鼠標指針發(fā)生變化：</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設置鼠標光標形狀的方法”這一關鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領會，如果想閱讀更多相關內(nèi)容的文章，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站欄目：css設置鼠標光標形狀的方法
分享路徑：http://muchs.cn/article42/jpddhc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供Google、建站公司、定制網(wǎng)站、電子商務、靜態(tài)網(wǎng)站、網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設計