唔... 很多同學最近都來問薇CSS怎麼用囧rz,
老實說好了= =" 我才剛接觸CSS不到一個月,
所以我就依我的能力告訴大家一些CSS的用法好了(逃)
------我是分隔線˙ˇ˙♠------
[使用微軟預設的滑鼠游標]
body{cursor:hand;}
a:hover{cursor:crosshair;}
紅色為可修改處..
可修改為下面這些樣式.
cursor:hand (白手)
cursor:n-resize (箭頭朝上)
cursor:s-resize (箭頭朝下)
cursor:w-resize (箭頭朝左)
cursor:e-resize (箭頭朝右)
cursor:sw-resize (箭頭斜左下)
cursor:se-resize (箭頭斜右下)
cursor:move (四處指)
cursor:crosshair (十字架)
cursor:ne-resize (箭頭朝右上)
cursor:nw-resize (箭頭朝左上)
cursor:help (?形狀)
cursor:text (文字I型)
cursor:wait (漏斗)
------我是分隔線˙ˇ˙♠------
[使用圖片式的滑鼠游標]
body{cursor:url("游標圖片檔網址1")} /*移到網頁時的滑鼠游標*/
a:hover {cursor:url("游標檔圖片檔網址2")} /*移到超連結時的滑鼠游標*/
※CSS的游標得用cur檔(靜態游標)、ani檔(動態游標)或ico檔，不支援gif、bmp、jpg檔案。
至於要到哪裡尋找游標呢?
小薇推薦一個滿不錯的地方.. 無名討論區XDD
那裏有許多自製&轉載的游標ˇ
本網誌"奢華美學".. 也有提供6個自製的游標XD 歡迎取用。
------我是分隔線˙ˇ˙♠------
以上轉載自ppkeigo凱哥無名css語法教學.
有問題歡迎發問XDD
留言列表
