close

▓ 語法說明 -- 滑鼠樣式控制:


/* 語法開始 */

body {  /* body 是可以依照需要作改變的,下面的內容才是重要的! */

cursor: text;
}

  1. cursor(游標):設定滑鼠游標的樣式。

    屬性有:

    1. default:預設值

    2. hand:連結的手形

    3. crosshair:十字(無箭頭)

    4. move:十字(有箭頭)

    5. text:打字的 I 圖案

    6. wait:漏斗形狀

    7. help:預設值符號加上一個問號

    8. n-resize:箭頭朝上

    9. s-resize:箭頭朝下

    10. w-resize:箭頭朝左

    11. e-resize:箭頭朝右

    12. nw-resize:箭頭朝左上

    13. se-resize:箭頭朝右下

    14. ne-resize:箭頭朝右上

    15. 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;
  /* 欄位間距設定 */
}

  1. XXX:請各位先注意XXX的部分,這裡XXX代表著是 邊界、欄位間距的上下左右。
    屬性有:top:上方 bottom:下方 left:左邊 right:右邊

  2. 邊界屬性設定:屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)

  3. 欄位間距設定:屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)

  PS5 如果你的邊界、欄位間距四個方向(上下左右)都要設定為一樣,語法可以寫成:

        margin: N px;
       
padding:N px;

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 girl2441 的頭像
    girl2441

    玩美計劃*開始享瘦

    girl2441 發表在 痞客邦 留言(0) 人氣()