您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關怎么在css中改變鼠標形狀,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
cursor 屬性規定要顯示的光標的類型(形狀)。
常用的一些屬性值:
default 默認光標(通常是一個箭頭)
auto 默認。瀏覽器設置的光標。
crosshair 光標呈現為十字線。
pointer 光標呈現為指示鏈接的指針(一只手)
move 此光標指示某對象可被移動。
text 此光標指示文本。
wait 此光標指示程序正忙(通常是一只表或沙漏)。
help 此光標指示可用的幫助(通常是一個問號或一個氣球)。
代碼示例:
<html> <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:pointer"> Pointer</span><br /> <span style="cursor:move"> Move</span><br /> <span style="cursor:e-resize"> e-resize</span><br /> <span style="cursor:ne-resize"> ne-resize</span><br /> <span style="cursor:nw-resize"> nw-resize</span><br /> <span style="cursor:n-resize"> n-resize</span><br /> <span style="cursor:se-resize"> se-resize</span><br /> <span style="cursor:sw-resize"> sw-resize</span><br /> <span style="cursor:s-resize"> s-resize</span><br /> <span style="cursor:w-resize"> w-resize</span><br /> <span style="cursor:text"> text</span><br /> <span style="cursor:wait"> wait</span><br /> <span style="cursor:help"> help</span> </body> </html>
css的基本語法是:1、css規則由選擇器和一條或多條聲明兩個部分構成;2、選擇器通常是需要改變樣式的HTML元素;3、每條聲明由一個屬性和一個值組成;4、屬性和屬性值被冒號分隔開。
看完上述內容,你們對怎么在css中改變鼠標形狀有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。