網頁淡出的背景怎麼做的?

Question

請問以下網頁
http://eem.pcc.gov.tw/eem/student/index0.htm
綠色的背景部份 怎麼做出來的?
為何可以做出由深到淺的感覺
謝謝~

將此圖設為網頁的全版面?再設為影像背景嗎? 這樣整個檔案會不會太大 不然為何要切割圖片呢?
我上課時老師說這是css的語法做的?
畫完漸層 設好背景就好了嗎
和css有關係嗎

Answer 1

看了一下發問者提供的網站，把原始碼下載之後發現
這個網頁主要分為三區塊，第一塊是上面的"生態工程學生版"、第二塊是左邊的"回首頁"、"認識生態工程"...，第三塊是MAIN主頁。
其中在MAIN主頁裡有包夾了一個名為child_style.css的檔案，第一段寫了BODY {

}，把這行拿掉之後發現網頁背景色的確不見了，所以可以確定我們看到的綠色漸層背景是由這行指令控制的。
另外，這個網頁很多圖片的確有做割圖，也就是你講的，因為檔案太大所以把圖片切割加快瀏覽速度。
註：開啟這個網站後可以按檔案，另存新檔把整個網頁載下來看，會更清楚，開啟main頁的child_style.css檔案，自己任意修改BODY{}裡的設定，會更清楚這些指令的意義。
分析了這行指令，簡單說明如下
MARGIN-TOP: 0px; 網頁從最上方間距0的地方開始顯示
BACKGROUND-ATTACHMENT: fixed; 背景圖固定
BACKGROUND-IMAGE: url(images/main_bg2.jpg); 背景圖來源←應該就是那張白綠漸層圖
MARGIN-LEFT: 0px; 網頁從最左方間距0的地方開始顯示
BACKGROUND-REPEAT: no-repeat; 背景圖不重複
BACKGROUND-COLOR: #e0f2b3 網頁背景色

Answer 2

這是用繪圖軟體做出來的效果
功能算是用"漸層"的方式
就是ㄧ端顏色設為綠色
另ㄧ端設為白色
接著在圖層上拉取需要建層的長短比例
就會呈現這樣的效果嚕

2007-01-14 03:51:10 補充：
的確如下面大大所說是用CSS構成
但是我看了一下網頁
其實不用怕背景檔案太大
網頁背景是屬於4方連續的
因此可以再做背景圖的時候將寬度設為1高度設為1000
存成GIF檔
這樣來作漸層
然後套到背景
這樣檔案不會大
不用CSS也可以做道