發新話題

CSS教程《CSS屬性》顏色和背景屬性

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的文本屬性。

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。