序

   在開始談之前，CSS 的階層觀念希望大家有一番了解。而這部分各位可以參
   考CSS 的繼承性質和 優先概念 。CSS 的優點之前已經談過了。在開始介紹之前
   ，我將本頁即將要介紹的一些指令及 觀念先列於下面。現在我們就進入這次的第
   一個主題。
   CSS 在背景的應用！
   1.BACKGROUND-COLOR----背景顏色
   2.BACKGROUND-IMAGE----背景圖片
   3.BACKGROUND-ATTACHMENT----背景附著
   4.BACKGROUND-REPEAT----背景重複
   5.BACKGROUND-POSITION----背景位置

                         BACKGROUND-COLOR----背景顏色

   顧名思義，BACKGROUND-COLOR 就是背景顏色。這在 HTML 中也有，比較不同的是
   在 CSS 中，任 和元件皆可以指定背景顏色。語法可以是

   Background-color:#000000
   Background-color:black
   Background-color:rgb(225,225,225)

   上述三種顏色的表現方式皆可以被 CSS 接受。如果沒有任何顏色被指定，則預設
   值是透明。也就 是說在這個東東的後面的東西都看得到。

                         BACKGROUND-IMAGE----背景圖片

   BACKGROUND-IMAGE背景圖片,是指定 HTML 中任何元件的背景圖片。在 CSS 還未
   出現時只有整頁 可以指定背景圖片，現在有了 CSS 任何元件皆有自己的背景圖
   片了！它的語法是

   Background-image:"http://..../.../xxx.gif"

   使用這個指令最大的問題是，不保證能夠使用。你必須試試看嘍！

                       BACKGROUND-ATTACHMENT----背景附著

   背景附著這個解釋可能有點難懂！這個指令主要是指定背景底圖是否因為視窗的
   捲動而跟著移動 。也就是說，當值為 fixed 時捲動視窗背景將維持不動。反之
   就是一般的效果了。

   Background-attachment:scroll
   Background-attachment:fixed

                         BACKGROUND-REPEAT----背景重複

   CSS 提供這個讓你可以決定要如何重複你的背景圖片，如果你的背景圖片不夠大
   的話！背景重複 的意思就是提供你自行安排背景的能力，它所提供的指令有

   Background-repeat:repeat
   Background-repeat:repeat-x
   Background-repeat:repeat-y
   Background-repeat:no-repeat

   預設值是 repeat 也就是傳統的方式。這個指令在其他的元件上也能順利執行。

                        BACKGROUND-POSITION----背景位置

   和上一個不同的是，這個指令提供你更強大的安排背景圖片的能力。背景是誰說
   一定要從最左邊 開始擺， CSS 讓你的背景從任何你想要的地方開始擺。

   Background-position:15% 25%
   Background-position:20px 20px
   Background-position:keyword

   需要注意的是 keyword 這個地方，各位可以將 keyword 換成下面的各值：
   'top left' 和 'left top' 都是代表 '0% 0%'
   'top', 'top center' 和 'center top' 都是代表 '50% 0%'
   'right top' 和 'top right' 都是代表 '100% 0%'
   'left', 'left center' 和 'center left' 都是代表 '0% 50%'
   'center' 和 'center center' 都是代表 '50% 50%'
   'right', 'right center' 和 'center right' 都是代表 '100% 50%'
   'bottom left' 和 'left bottom' 都是代表 '0% 100%'
   'bottom', 'bottom center' 和 'center bottom' 都是代表 '50% 100%'
   'bottom right' 和 'right bottom' 都是代表 '100% 100%'