您總不希望自己的頁面處于黑白世界吧。如果給用<font>屬性定義的文本添上顏色是不是會更好呢？
下面我們就講一下CSS的顏色和背景屬性。先來看一下CSS下的顏色和背景都有哪些屬性吧（如下表）：
我們還是舉個例子吧。比如上一節(jié)講到的“LEAF”字體，我們在其中加入顏色屬性，在<style>再加入以下代碼：
color：rgb（204，82，28）；
background-img：url(ss01038.jpg)；
background-repeat：no-repeat；margin-right：15em
//*設(shè)置前景色的rgb值為(204，82，28)，您也可以用顏色的英文名稱直接定義；
設(shè)置背景圖案的地址；設(shè)置背景圖案不重復(fù)顯示；另外還設(shè)置了頁邊距margin屬性
，這個我們以后再講*//
加入代碼后“Leaf”的字體顯示效果是這樣的（如下圖）：
怎么樣，是不是比光是定義<font>屬性顯得更加漂亮了。當(dāng)然您也可以簡便的定義background屬性（象定義font屬性那樣），下面我告訴一下您background屬性的書寫格式：
屬性：background 屬性值：<background-color>||<background-image>|| <background-repeat>||<background-attacement>||<background-position>
也就是說，使用background屬性可以一次定義前面講到的一切有關(guān)背景的屬性，包括背景色、背景圖案等等。因此，上面定義“leaf”顏色屬性中有關(guān)背景的代碼可以寫成這樣： “background：url（ss01038.jpg）no-reapeat”
好了，至于顏色和背景屬性的功能，您自己也可以去試一試。下一節(jié)我們將介紹CSS的文本屬性。
