<%@LANGUAGE="VBSCRIPT" CODEPAGE="950"%> 拓米數位CSS串接樣式表教學文件
文件標題:[D002]背景樣式之二background-repeat背景圖片重複排列

內容說明:

1、背景樣式 background-repeat

教學內容:

1、背景樣式 background-repeat

指定背景圖片用在Html元件時是否重複排列。

background-repeat:樣式值

樣式值 意義
repeat 水平方向及垂直方向重複排列(填滿)到元件的大小
no-repeat 不重複排列,原背景圖有多大就顯示多大
repeat-x 水平方向重複排列(填滿)到元件的大小
repeat-y 垂直方向重複排列(填滿)到元件的大小

範例:

語法:style="background-repeat:repeat" background="../images/bg.gif"

說明:background="../images/bg.gif" 是插入背景圖的Html語法,寫在<tr>內

樣式值 效果
no-repeat 原背景圖大小

 

樣式值 效果

repeat

水平和垂直方向

重複填滿

 

 

樣式值 效果

repeat-x

水平方向

重複填滿

 

 

樣式值 效果

repeat-y

垂直方向

重複填滿

 
   
   最後修改日期: 2003年10月8日