CSS樣式 移動劃過超連結滑鼠變手型詳解

2022-02-06 08:27:35 字數 475 閱讀 1812

用css控制滑鼠樣式的語法如下:

文字或其它頁面元素

把 * 換成如下15個效果的一種:

下面是對這15種效果的解釋。移動滑鼠到解釋上面,看看你的滑鼠起了什麼變化吧!

hand是手型

pointer也是手型,這裡推薦使用這種,因為這可以在多種瀏覽器下使用。

crosshair是十字型

text是移動到文字上的那種效果

wait是等待的那種效果

default是預設效果

help是問號

e-resize是向右的箭頭

ne-resize是向右上的箭頭

n-resize是向上的箭頭

nw-resize是向左上的箭頭

w-resize是向左的箭頭

sw-resize是左下的箭頭

s-resize是向下的箭頭

se-resize是向右下的箭頭

auto是由系統自動給出效果

html超連結滑鼠顯示樣式

aaa default 預設游標 通常是乙個箭頭 auto 預設。瀏覽器設定的游標。crosshair 游標呈現為十字線。pointer 游標呈現為指示鏈結的指標 乙隻手 move 此游標指示某物件可被移動。e resize 此游標指示矩形框的邊緣可被向右 東 移動。ne resize 此游標指示矩...

建立超連結及css 樣式設定

1 建立檔案連線 文字 href 必選項,用於指定目標端點的url位址,如果是與站內頁面之間的連線,則為檔名。target 可選項,用於指定乙個視窗或框架的名稱,目標文件將在該視窗或框架中開啟,如果省略該屬性,則目標文件取代包含該超連結的文件。title 可選項,用於指定指向超連結時所顯示的文字。2...

CSS中超連結樣式的書寫順序

a.link 正常情況下的樣式 a.visited 已訪問過的樣式 a.hover 滑鼠超連結移過時的樣式 a.active 滑鼠在超連線上使用右鍵時的樣式 正常的書寫順序應該如上面的寫法,即 lvha,可以按 love,hate 來幫助記憶 如果沒有按照這個順序的話,那可以顯示的結果就可能會出現問...