CSS屬性(顏色背景屬性)

css 2、顏色和背景屬性

　　您總不希望自己的頁面處於黑白世界吧。如果給用<font>屬性定義的文本添上顏色是不是會更好呢？

　　下面我們就講一下CSS的顏色和背景屬性。先來看一下CSS下的顏色和背景都有哪些屬性吧（如下表）：

　　我們還是舉個例子吧。比如上一節講到的“LEAF”字型，我們在其中加入顏色屬性，在<style>再加入以下代碼：
　　color：rgb（204，82，28）；
　　background-img：url(ss01038.jpg)；
　　background-repeat：no-repeat；margin-right：15em

　　//*設定前景色彩的rgb值為(204，82，28)，您也可以用顏色的英文名稱直接定義；
　　設定背景圖案的地址；設定背景圖案不重複顯示；另外還設定了頁面邊界margin屬性
　　，這個我們以後再講*//

　　加入代碼後“Leaf”的字型顯示效果是這樣的（如下圖）：

　　怎麼樣，是不是比光是定義<font>屬性顯得更加漂亮了。當然您也可以簡便的定義background屬性（象定義font屬性那樣），下面我告訴一下您background屬性的書寫格式：

　　屬性：background 屬性值：<background-color>||<background-image>|| 　　　　<background-repeat>||<background-attacement>||<background-position>

　　也就是說，使用background屬性可以一次定義前面講到的一切有關背景的屬性，包括背景色、背景圖案等等。因此，上面定義“leaf”顏色屬性中有關背景的代碼可以寫成這樣： “background：url（ss01038.jpg）no-reapeat”

　　好了，至於顏色和背景屬性的功能，您自己也可以去試一試。下一節我們將介紹CSS的文字屬性。