|
導(dǎo)讀網(wǎng)頁的本質(zhì)就是超級文本標記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。因而,超級文本標記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立... 網(wǎng)頁的本質(zhì)就是超級文本標記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。因而,超級文本標記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章主要給大家介紹關(guān)于頁面中css自定義鼠標樣式的相關(guān)知識總結(jié)。希望對有需要的朋友有所幫助。那么下面給大家一段具體的代碼示例: <!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>css cursor樣式自定義</title>
</head>
<body>
<a href="#" style="cursor:pointer">css pointer 拖拽形狀效果</a><br/><br/>
<a href="#" style="cursor:auto">CSS鼠標cursor樣式之由系統(tǒng)自動給出效果</a><br/><br/>
<a href="#" style="cursor:crosshair">CSS鼠標cursor樣式之十字型效果</a><br/><br/>
<a href="#" style="cursor:text">CSS鼠標cursor樣式之I字形效果</a><br/><br/>
<a href="#" style="cursor:wait">CSS鼠標cursor樣式之等待效果</a><br/><br/>
<a href="#" style="cursor:default">CSS鼠標cursor樣式之默認效果</a><br/><br/>
<a href="#" style="cursor:ne-resize">CSS鼠標cursor樣式之向右上箭頭效果</a><br/><br/>
<a href="#" style="cursor:s-resize">CSS鼠標按下樣式效果</a><br/><br/>
<a href="#" style="cursor:w-resize">CSS鼠標cursor樣式之向左箭頭效果</a><br/><br/>
<a href="#" style="cursor:e-resize">CSS鼠標cursor樣式之向右的箭頭效果</a><br/><br/>
</body>
</html>上述代碼可直接復(fù)制粘貼在本地測試,效果如下圖:
那么以上就是關(guān)于css鼠標cursor樣式的不同效果介紹,希望對有需要的朋友有所幫助。 以上就是css鼠標樣式可以自定義嗎?(多種樣式示例)的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!