背景屬性設定
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:vrpe9q
<STYLE>SupeSite/X-Space官方站
J;AK6G4k'YoZ
SPAN {position:absolute;border:solid 1px black;width:300px;height:100px}
3@*mtk~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官方站"vg~?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官方站TKmgvAF{7i
<BODY>
!E6f0f(VW0 <SPAN CLASS=back STYLE="top:20px;left:20px"></SPAN>SupeSite/X-Space官方站1O)C%^wSNF-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(Ac0</HTML>SupeSite/X-Space官方站{]:sM{
9r#J.q(?t,I:{$t0功能 :設定背景圖片、顏色、混合、透空、捲動、位置、重複 SupeSite/X-Space官方站-Sg0n g7_!v6I&kt
,E^
E }9s2[*~0語法 :SupeSite/X-Space官方站:X-C&J|Q*fq/Qk
{ BACKGROUND : TRANSPARENT︱( scroll )︱( color )︱URL ( url )︱( position )︱( repeat ) } SupeSite/X-Space官方站~KUki9UOz!BQ`
ysf*G!G:g5wgqP 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
RA Z(dU0功能 :設定背景顏色、透空 SupeSite/X-Space官方站-@yw,A3~
f0N?#T
A
SupeSite/X-Space官方站d^%Z1QyQvL B語法 : { BACKGROUND-COLOR : TRANSPARENT︱( color ) }
5b_M6s
Ma F0
I7Z
A
w%Vhx'ic0( color ) 可為顏色名稱 ( 16種 ) 或16進制表示法 - #RRGGBB ( 00暗~FF亮 ) 、#RGB ( 0暗~F亮 ) 表紅綠藍強度 SupeSite/X-Space官方站/C0uer-O*UH
Z%s@)axR x*f0範例 : {BACKGROUND-COLOR:#FF0000} SupeSite/X-Space官方站 q0s;D4qiQ5j
SupeSite/X-Space官方站^b h4n!x*Gf%`0^功能 : 設定背景圖片 SupeSite/X-Space官方站+X\4s!lw#P
Jwa:]
SupeSite/X-Space官方站Vn"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
fgY(H0K&K0功能 :設定背景位置 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% ) SupeSite/X-Space官方站'bPU Xy
SupeSite/X-Space官方站Yp
``a:]語法 :
1f(cMY~0iJ0{ BACKGROUND-POSITION : TOP︱MIDDLE︱BOTTOM︱LEFT︱CENTER︱RIGHT︱( length )︱( position ) } SupeSite/X-Space官方站\1c4u'`2UTpM
;lX-agMEs2b%}0功能 :設定背景重複填滿方式
3Jv4e/Wls'Ycq9OE0
6A#G:Pmf4L{v8j0語法 : { BACKGROUND-REPEAT : REPEAT︱REPEAT-X︱REPEAT-Y︱NO-REPEAT }
zW,Oqt.CZ0