<body 內圖片語法>

這裡有兩組標籤,可以用來當作底色或底圖:
  1. HTML 寫法
    • <body bgcolor="RGB OR Color">(16位元色表或英文)
    • <body background="Path/URL>(路徑/圖案名稱.附檔名)
  2. CSS 寫法
    • <body style="background-image:url('images/bg3.gif');"> 圖片路徑/名稱
    • <body style="background-color:green;">背景色
  3. body 圖片參數
    • <body style="background-image:url('images/bg3.gif'); background-repeat:no-repeat;"> 圖片不重複
    • <body style="background-image:url('images/bg3.gif'); background-repeat:repeat;">圖片重複(內定值)
    • <body style="background-image:url('images/bg3.gif'); background-repeat:repeat-x;">圖片只重複一橫排
    • <body style="background-image:url('images/bg3.gif'); background-repeat:repeat-y;">圖片只重複一直排
    • <body style="background-image:url('images/bg3.gif'); background-repeat:round;">圖片重複會依空間壓縮圖片
    • <body style="background-image:url('images/bg3.gif'); background-repeat:space;">圖片重複會依空間補空白
    • <body style="background-image:url('images/bg3.gif'); background-position:(參數如下);">圖片出現位置 
      • bottom
      • center
      • left
      • right
      • top
      範例:
      <body style="background-image:url('images/bg3.gif'); background-position:right 50pt bottom 30pt;">
      圖片出現在離右邊 50pt 離下面30pt
      <body style="background-image:url('images/bg3.gif'); background-position:top;">
      圖片出現在正上方
補充說明:
  1. 當 body 內同時有這兩組標籤時,會以圖檔為優先,底色次之。
  2. 本頁我在 body 內同時有這兩組標籤,為何看不到底圖?而是綠色,想想看。
  3. <body bgcolor="green" background="images/bg3.gif"> ...圖片會錯誤,十之八九都是路徑錯了,麻煩檢查一下。
  4. 何時該用底圖或底色,沒有標準,全在於您對色彩學的眼光與角度。
  5. 底圖下載時間比底色久,所以檔案(8Kb內)、尺寸(100*100內)越小越好;也不要每頁都不一樣(3種內)。
  6. 底圖(色)與內容或文字的搭配極為重要,尤其在使用有Link的語法時,您必需特別注意。
  7. 在分割視窗(下次教)的配置下,使用底圖可以創造不同視覺效果,您可多加觀察之。
  8. 底圖格式可使用:*.gif(檔案較小)、*.jpeg(jpg)、*.png;形狀多為長條、方形及矩形。(不要用 bmp 檔,檔案太大了)

常見底圖為:淡色型深色型圖紋(案)型文字型左(右)側邊型兩側邊型上邊型其他
如果您有藝術氣息或美工能力,您也可以自製底圖來用;用現成的,當然最省事了。