基礎HTML教學 網頁背景(Background)

2008031300:54

網頁背景有二種屬性,你可以指定是以顏色做背景或以圖片做背景,使用語法如下:

以顏色做背景

<body bgcolor="顏色碼">,設定背景顏色
背景顏色屬性設定背景的顏,屬性的值可以是十六位元的數字、紅綠藍( RGB)值、或顏色的英文名字

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

上面的語法都是將背景設成黑色

顏色部份的敘述部份有三種表示方式:
A.可以用16進位的Hex色碼 如:bgcolor="#FFFFFF" (白色)
  #RRGGBB 代表.紅.黃.藍.三色之濃度比例,以16進位Hex值表示

B.可以用16進位Hex值轉十進位值色碼 如:bgcolor="rgb(255,255,255)" (白色)
  RR,GG,BB 代表.紅.黃.藍.三色之濃度比例,以16進位Hex值轉十進位值表示

C.直接以顏色的英文名稱標示 如: bgcolor="WHITE" (白色)

*Hex色碼及色彩英文名您可以參考本站的16進位色碼對照色彩英文名對照

圖片做背景
<body background="圖片網址">,設定背景圖案
圖檔可以是jpg或gif格式的圖檔,但是,圖檔最好不要太大,否則網頁載入會蠻慢的。

背景屬性將背景設成一個圖片,屬性的值是你所要用的圖片的路徑,如果圖片是小於瀏覽器的視窗,圖片會自已連續重覆拼接,直到覆滿整個瀏覽器的視窗

<body butterfly11="butterfly11.gif">
<body background="http://bluedaisynet.up.seesaa.net/image/butterfly11.gif">

可以是絕對路徑(第二行)或相對路徑(第一行)

浮水印背景
<body background="圖片網址" bgProperties=fixed>
設定背景圖案並固定底圖。
此種程式就是一般所謂的浮水印,當網頁捲動時,背景固定不動(網頁捲軸轉動時,背景不會隨著上下移動):
<body background="http://bluedaisynet.up.seesaa.net/image/butterfly11.gif" bgProperties=fixed >

以上由 整理分享