star 2006-2-5 05:58 PM
[語法] 當滑鼠移到連結時,可以出現一個框框的語法
<pre><code>a:hover {
6v/A#n)d@&zV7[j
BORDER-RIGHT: #000 1px solid; 右框線的顏色(#000),粗細(1px)實心線(solid)
*A|/U+I`
q.}n'K
BORDER-TOP: #000 1px solid; 上框線,其餘同上
N"j8o C AZb
BORDER-BOTTOM: #000 1px solid; 下框線,其餘同上
?L5OQ$]4D
BORDER-LEFT: #000 1px solid; 左框線,其餘同上
.pt3e_-M
cursor:crosshair ; 滑鼠指標改成十字型(crosshari)
#NS.N+GW7`Z
BACKGROUND-IMAGE: url(); 背景影像來源
S&k/D6Y;P7A&}2WJa
COLOR: #000000; 文字顏色
,CF;_5]iIM
]-\:[)L
FONT-FAMILY: MS UI Gothic; 使用字體
x:Kj wqhX
POSITION: relative; 相對(relative) 位置$[|.Ph%o.X9k |gq|H
LEFT: 2px; 左右邊界2相素
.Sn~w-Tk
TOP: 2px; 上下邊界2相素
q~#Y6D
_M
}</code>!Y8bZJ Om
ZLjK]$K-[
線條樣式:p:sC^1CG}
solid : 實心線
-WR2HBE&Z7J1}
dash : - - - - - ,r2Pa^z_v
dotted : 點狀虛線&Ke
w@7{7Jg(I
?*}J M&V
c'c+bK+JF
滑鼠游標4XV@{)M
crosshair:j 十字型!hD5Ds#V{ rt
help:箭頭帶問號aFiOi2u.K
wait:漏斗%[y5b^4b w"b@,a
text: 文字游標"wO4k.[]
n-resize
4P1u4fvCjKY
s-resize7v&l6zR&Jlr%J
e-resize
ir*Mm'rk
w-resize @,W Hu0Zo6A'f
ne-resize N
dq!F e
nw-resize H"[i ~%j#lv%DRr7a
se-resize hZ:tj#L"w
@vs!^x&i
sw-resize 這些是指向不同方向箭頭 v/d-z:b\u2y
vgHxRL^T
BACKGROUND-IMAGE: url(); 背景影像來源 Dz6Y
TW
E4s
這是去呼叫 url 這個 function 若無此設定建議將它移除
.Z@B [&z6YO
這段語法有些多餘的參數都可刪除
:|(vWe}&H2Fe
POSITION: relative; 相對(relative) 位置 這應該也是非必要的 j/i#@u_ MX$i
cursor:crosshair ; 滑鼠指標改成十字型(crosshari)
~5gCo$|+\cqM
如不變更 指標類型也可刪除
`"JF9H{1K`/D1@
FONT-FAMILY: MS UI Gothic; 使用字體 /~DY5l9B
不另外指定字型也是刪掉
+~.v.C
Hz(t
</pre>