背景屬性設定
SupeSite/X-Space官方站@^i
mF背景性質設定可說是CSS最強悍的地方，有了這些CSS，我們甚至可以在一段文字，或一格表格中，套用不同的背景。
$]L.A8e(n1]g0F0
SupeSite/X-Space官方站1Cm%[)_W:A2OBd<HTML>
N'Z%T;v
u9xh0<HEAD>SupeSite/X-Space官方站)s:v rp e9q
<STYLE>SupeSite/X-Space官方站
J;AK6G4k'YoZ
SPAN {position:absolute;border:solid 1px black;width:300px;height:100px}
3@*m t k~G0l
[0 SPAN.front {position:absolute;background:url(../Graph/001.jpg) repeat}
e2vH}gJP0 SPAN.back {position:absolute;background:url(../Graph/002.jpg) repeat}SupeSite/X-Space官方站"v g ~?5K_
r9{,P
SPAN SPAN {position:absolute;width:200;font:bold 50px Arial;border:none}
~#u"j7R9n;B
r0 </STYLE>SupeSite/X-Space官方站wO@
Cy+|n9]
</HEAD>SupeSite/X-Space官方站TKm gvAF{7i
<BODY>
!E6f0f(VW0 <SPAN CLASS=back STYLE="top:20px;left:20px"></SPAN>SupeSite/X-Space官方站1O)C%^wS NF-Sz
<SPAN CLASS=front STYLE="top:0px;left:0px">SupeSite/X-Space官方站K*A
_;O \ j
aJg
<FONT STYLE="color:gray;top:25px;left:57px">SCJH</FONT>
8j!]+w)FhW:A1x0 <FONT STYLE="color:blue;top:18px;left:50px">SCJH</FONT>SupeSite/X-Space官方站(|/{ p*zR1VK$C8V
</SPAN>SupeSite/X-Space官方站!O:`!^| Q-q~5Q L)g
</BODY>
%nG
|!cN(A c0</HTML>SupeSite/X-Space官方站{]:s M{
9r#J.q(?t,I:{$t0功能 :設定背景圖片、顏色、混合、透空、捲動、位置、重複 SupeSite/X-Space官方站-Sg0n g7_!v6I&k t
,E^
E }9s2[*~0語法 :SupeSite/X-Space官方站:X-C&J| Q*fq/Qk
{ BACKGROUND : TRANSPARENT︱( scroll )︱( color )︱URL ( url )︱( position )︱( repeat ) } SupeSite/X-Space官方站~K Uk i9UOz!BQ`
ysf*G!G:g5w gq P b0功能 :設定背景圖片是否捲動 ( 分為 : 捲動、固定 )
Q@_ E KL$M0
SupeSite/X-Space官方站 `O.B,`Q] }N語法 : { BACKGROUND-ATTACHMENT : SCROLL︱FIXED } SupeSite/X-Space官方站G7E} ud ` m5il,x
3J,K
R A Z(d U0功能 :設定背景顏色、透空 SupeSite/X-Space官方站-@yw,A3~
f0N?#T
A
SupeSite/X-Space官方站d^%Z1Qy Q vL B語法 : { BACKGROUND-COLOR : TRANSPARENT︱( color ) }
5b _M6s
Ma F0
I7Z
A
w%Vhx'i c0( color ) 可為顏色名稱 ( 16種 ) 或16進制表示法 - #RRGGBB ( 00暗~FF亮 ) 、#RGB ( 0暗~F亮 ) 表紅綠藍強度 SupeSite/X-Space官方站/C0u er-O*UH
Z%s@)axR x*f0範例 : {BACKGROUND-COLOR:#FF0000} SupeSite/X-Space官方站 q0s;D4qi Q5j
SupeSite/X-Space官方站^b h4n!x*G f%`0^功能 : 設定背景圖片 SupeSite/X-Space官方站+X\4s!lw#P
Jw a:]
SupeSite/X-Space官方站V n"RRj)VD語法 : { BACKGROUND-IMAGE : NONE︱URL ( url ) } SupeSite/X-Space官方站Y9T@:Z$YEs
Dx NyFVC W;}2ZsR0範例 : {BACKGROUND-IMAGE:URL(1.JPG)}
Y ai$E&z_o"Q0
-oB
f gY(H0K&K0功能 :設定背景位置 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% ) SupeSite/X-Space官方站'bPU X y
SupeSite/X-Space官方站Yp
``a:]語法 :
1f(c MY~0iJ0{ BACKGROUND-POSITION : TOP︱MIDDLE︱BOTTOM︱LEFT︱CENTER︱RIGHT︱( length )︱( position ) } SupeSite/X-Space官方站 \1c4u'`2UTpM
;lX-agMEs2b%}0功能 :設定背景重複填滿方式
3J v4e/W ls'Yc q9O E0
6A#G:P m f4L {v8j0語法 : { BACKGROUND-REPEAT : REPEAT︱REPEAT-X︱REPEAT-Y︱NO-REPEAT }
zW,Oqt.C Z0
