[語法] 當滑鼠移到連結時,可以出現一個框框的語法
<pre><code>a:hover { " y0 O) |& {( u2 T: R
BORDER-RIGHT: #000 1px solid; 右框線的顏色(#000),粗細(1px)實心線(solid)
3 a$ L: }3 {7 E, [BORDER-TOP: #000 1px solid; 上框線,其餘同上9 L5 B9 s& c! s
BORDER-BOTTOM: #000 1px solid; 下框線,其餘同上; J3 d |- @2 @+ L. `7 j
BORDER-LEFT: #000 1px solid; 左框線,其餘同上* c* ^5 ^1 S C, n5 l1 I
cursor:crosshair ; 滑鼠指標改成十字型(crosshari)
( }( W: m' C: s* GBACKGROUND-IMAGE: url(); 背景影像來源
! [5 o+ y$ ~$ [& O oCOLOR: #000000; 文字顏色# V8 Z! ]. D2 u M2 {+ ~! }
FONT-FAMILY: MS UI Gothic; 使用字體# j1 d2 n1 g) a$ c
POSITION: relative; 相對(relative) 位置6 ?! u2 Q( u5 ?+ j
LEFT: 2px; 左右邊界2相素
2 g8 \6 k. ~6 Z4 h3 }TOP: 2px; 上下邊界2相素
; C8 o$ Z0 L) j' V}</code>% _5 a0 J& v3 L: f3 F3 ?0 L
9 K9 S+ i* N) l6 {7 U0 n
線條樣式
- g1 q* |0 Y0 j8 C6 R: U5 Gsolid : 實心線! F# w; R' J% a) b" S. Z6 z
dash : - - - - - 5 |* X" b0 ]: A! u0 }: W
dotted : 點狀虛線9 V- s% R) _' c7 B+ H' N) \
/ C! t" w% n- {7 j+ z滑鼠游標/ B% B/ I" a+ |* t
crosshair:j 十字型% N* u2 ~8 v- t. i4 v3 n" Y
help:箭頭帶問號
I6 ~5 h7 z9 _. H- s$ D% Gwait:漏斗/ Q# m. w4 b' f. A3 c `
text: 文字游標: r* b8 G0 I; D% K7 p
n-resize
" y. x6 V' B" d: \8 J. ps-resize
+ b6 V. x! |# `! {e-resize
* _( r f7 {- s/ f; Sw-resize ) i5 e5 u( G8 H/ I1 E+ X7 c6 M7 x! s4 O
ne-resize ! ?- o1 u9 Y1 v) W6 @ D
nw-resize
0 B0 ]/ i/ M. Y( [1 S3 J) x- pse-resize $ k) k7 q2 g5 I2 |! i
sw-resize 這些是指向不同方向箭頭
6 k: ?/ }6 y1 O1 @: ]* H0 s
/ G1 \% N9 l# M0 \% i$ mBACKGROUND-IMAGE: url(); 背景影像來源 3 e6 c6 P! G9 \- z- c0 l0 z, D! S
這是去呼叫 url 這個 function 若無此設定建議將它移除 - t) h# L7 c5 F0 [( u
這段語法有些多餘的參數都可刪除 5 @+ B# F0 l) |" ~) e2 u5 j6 T
POSITION: relative; 相對(relative) 位置 這應該也是非必要的
8 h3 ?6 ?6 v& K- Z3 ucursor:crosshair ; 滑鼠指標改成十字型(crosshari)
" r' s/ I6 ]0 k3 d6 E. G- Z( ?如不變更 指標類型也可刪除 : s& l5 Z4 B' M7 }6 m% Q
FONT-FAMILY: MS UI Gothic; 使用字體
; j% t5 m/ {% J; v2 c) w不另外指定字型也是刪掉: f' E# ^: {3 y, Z& @) K' f
</pre>