<%@LANGUAGE="VBSCRIPT" CODEPAGE="950"%> 拓米數位CSS串接樣式表教學文件
文件標題：[D001]背景樣式之一background-attachment,color,image 背景圖片與顏色

內容說明：

1、背景樣式 background-attachment
2、背景樣式 background-color
3、背景樣式 background-image

教學內容：

1、背景樣式 background-attachment

指定背景圖片是否跟著網頁內容捲動，也可以用在Html元件內。

background-attachment:樣式值

樣式值 意義 範例
scroll 捲動背景圖片

加入背景圖片後，加入下面的語法試試效果

<Body style="background-attachment:scroll">
fixed 不捲動背景圖片 加入背景圖片後，加入下面的語法效果

<Body style="background-attachment:fixed">

(註：)插入背景圖片的Html語法，加在<Body>中

語法：<Body background="圖片來源的URL">

範例：<Body background="images/bg.gif">

2、背景樣式 background-color

指定Html元件的背景顏色，例如加在表格、按鈕、背景等等

background-color:樣式值

樣式值 意義 範例
yallow 黃色背景

加在表格的<td>標籤中

語法：style="background-color:yellow"
#66FFCC 淺綠背景  
RGB(255,0,0) 紅色背景  

3、背景樣式 background-image

指定Html元件的背景圖片，例如加在表格、按鈕、背景等等

background-image:url(圖片來源位置URL)

樣式值 意義

範例一：加在表格內
url(../images/bg.gif) 以logo圖片為背景  

範例二：加在文字方塊內

語法：style="background-image:url(../images/bg.gif)"
   
   最後修改日期： 2003年10月8日