▓ 語法說明 -- 滑鼠樣式控制:
/* 語法開始 */
body { /* body 是可以依照需要作改變的,下面的內容才是重要的! */
cursor: text;
}
-
cursor(游標):設定滑鼠游標的樣式。
屬性有:
-
default:預設值
-
hand:連結的手形
-
crosshair:十字(無箭頭)
-
move:十字(有箭頭)
-
text:打字的 I 圖案
-
wait:漏斗形狀
-
help:預設值符號加上一個問號
-
n-resize:箭頭朝上
-
s-resize:箭頭朝下
-
w-resize:箭頭朝左
-
e-resize:箭頭朝右
-
nw-resize:箭頭朝左上
-
se-resize:箭頭朝右下
-
ne-resize:箭頭朝右上
-
sw-resize:箭頭朝左下
圖例說明:
-
另外有些人或許覺得使用這些預設的符號還是不夠特別,想要讓滑鼠符號更為特別,那還可以用下面的語法!
/* 語法開始 */
body { /* body 是可以依照需要作改變的,下面的內容才是重要的! */
cursor: url("圖檔名.cur");
}★注意:圖檔名後面的 ".cur" 為檔案的副檔名,你可以使用兩種格式:一、 ".cur" 靜態游標;二、 ".cur" 動態游標。(所謂動態游標就是,滑鼠游標本身是會動的!)
PS4 如果你需要自行繪製滑鼠游標的圖案,你可以到(凱哥)這邊,他有詳細的說明!
http://www.wretch.cc/blog/ppkeigo&article_id=519816
▓ 語法說明 -- 方框控制(邊界、欄位間距):
/* 語法開始 */
body { /* body 是可以依照需要作改變的,下面的內容才是重要的! */
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
}
-
XXX:請各位先注意XXX的部分,這裡XXX代表著是 邊界、欄位間距的上下左右。
屬性有:top:上方 bottom:下方 left:左邊 right:右邊 -
邊界屬性設定:屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)
-
欄位間距設定:屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)
PS5 如果你的邊界、欄位間距四個方向(上下左右)都要設定為一樣,語法可以寫成:
margin: N px;
padding:N px;
留言列表