發新話題
打印

[語法] 當滑鼠移到連結時,可以出現一個框框的語法

本主題由 MESA 於 2007-10-14 10:00 PM 加入精華

[語法] 當滑鼠移到連結時,可以出現一個框框的語法

<pre><code>a:hover {
' k1 G* r  I/ j  }3 J! _$ [BORDER-RIGHT: #000 1px solid; 右框線的顏色(#000),粗細(1px)實心線(solid)
, Q0 c* m6 F! s* t" QBORDER-TOP: #000 1px solid; 上框線,其餘同上- p' ]  S' z' `! K
BORDER-BOTTOM: #000 1px solid; 下框線,其餘同上
2 E+ q4 {% ]! n9 J% uBORDER-LEFT: #000 1px solid; 左框線,其餘同上4 C( A( Q3 L+ i
cursor:crosshair ; 滑鼠指標改成十字型(crosshari)
( p) l1 b* g6 K& U* zBACKGROUND-IMAGE: url(); 背景影像來源
+ {7 @. K7 h* [9 F9 l3 T$ eCOLOR: #000000; 文字顏色
* P% x% t% O9 B% f4 ^FONT-FAMILY: MS UI Gothic; 使用字體) C8 f: m% v2 P& V' s: M5 L! r# j
POSITION: relative; 相對(relative) 位置
% M; E& A! Q( H# D$ a4 Q; W/ P2 |LEFT: 2px; 左右邊界2相素
% b- d& m% |0 s# M) FTOP: 2px; 上下邊界2相素/ X! d7 V! M# ?. J6 L! L$ N( }, u
}</code>
) |+ G8 {! v9 w  @7 O9 Q4 m; b4 Q# x7 I
線條樣式4 T! T, s" l' ~( [% h3 l
solid : 實心線9 e5 L; m" g# T) }% z
dash : - - - - -
' h% f( f& L7 M3 E: ldotted : 點狀虛線0 u+ I# n! P, X& }$ v

& l7 M( P2 c2 ?. _( K( P/ q/ H滑鼠游標
+ J: t, P; K9 b8 N! c* x- A3 _crosshair:j 十字型
/ Y0 c4 c! p. j( z$ fhelp:箭頭帶問號
: `4 |$ _1 Q8 y1 ], {wait:漏斗+ ^. i) {8 t% G
text: 文字游標
3 D3 Z+ K# @! {2 o2 u" Y' qn-resize ; k' r* M6 v# k6 S7 N$ c  o
s-resize
7 y7 H) }# P* c4 a9 f% o8 @e-resize # l' _) z+ W# e+ i% E: q+ }$ w
w-resize ) g* y. x5 I& I+ T! p9 [
ne-resize
; b6 a, R/ ~5 ^nw-resize 7 H3 G  F. e2 Q9 S2 P7 S% |
se-resize $ K& ]- ?4 `4 S. c0 n; w
sw-resize 這些是指向不同方向箭頭 ; ~. @  j7 v9 N7 }) ?* m# t6 s

5 x6 x! U  T, b! L  _! NBACKGROUND-IMAGE: url(); 背景影像來源 4 Y9 }; |1 o$ A6 k$ D- y
這是去呼叫 url 這個 function 若無此設定建議將它移除
2 ~1 ]  s/ V& T+ {這段語法有些多餘的參數都可刪除 % u$ U0 d" W: ?( \9 V/ W
POSITION: relative; 相對(relative) 位置 這應該也是非必要的
) u* D- v4 r/ S# B( Ycursor:crosshair ; 滑鼠指標改成十字型(crosshari) / Z, D1 g: R! l: p0 h7 {$ Y
如不變更 指標類型也可刪除 1 S9 o6 H8 b2 L& o
FONT-FAMILY: MS UI Gothic; 使用字體 3 z1 `8 w' H2 h5 X8 G8 y
不另外指定字型也是刪掉* q( S! r2 r& p% `0 L/ N; x7 V! Q
</pre>

jdli :
時間多捐獻給自己的技術跟修養, 網路上的名聲就跟packet依樣, 傳過水無痕

TOP

發新話題
page counter