網站首頁 學習教育 IT科技 金融知識 旅遊規劃 生活小知識 家鄉美食 養生小知識 健身運動 美容百科 遊戲知識 綜合知識
當前位置:趣知科普吧 > 學習教育 > 

如何給網站添加背景

欄目: 學習教育 / 發佈於: / 人氣:6.52K
目錄方法1:HTML方式1、純色背景是您可以放上網站的最基本的背景。2、開啟您的網頁原始碼。3、4、試驗RGB,可以生成許多不太的顏色,您可以採取先易後難的方式。5、6、記住輸入.gif/ .jpeg /.bmp副檔名。方法2:CSS方法1、在CSS中要添加一個純色背景,添加一個樣式屬性。2、您的主體標記看起來應該像這樣:3、要添加圖片,添加樣式屬性身體標記。4、您的主體標記看起來應該像這樣:5、記住SRC是源圖像。6、記住加入副檔名。7、8、固定圖像背景看起來很酷,頁面向下滾動時也不改變。背景是一個網站最重要的元素之一。一個好的背景能創建網站的基調並襯托網站中的內容。有許多不同的方法來添加背景,每個都有不同的用途。有些方法可以讓您把背景加在網站上的所有網頁,而其他的方法只能用來設定特定的頁面的背景。這篇文章教您如何使用HTML或CSS添加背景到您的網站。

方法1:HTML方式

如何給網站添加背景

1、純色背景是您可以放上網站的最基本的背景。事實上每一個網站開始都有默認的白色背景。然而,儘管在白色背景配上一個和諧的顏色方案看起來會很光滑乾淨,其它顏色的背景可能更適合不同的主題。

如何給網站添加背景 第2張

2、開啟您的網頁原始碼。

在主體標籤添加一個bgcolor屬性 。現在您的主體標籤看起來應該像這樣:<body bgcolor="COLORNAME"> 其中COLORNAME是顏色名稱。COLORNAME可以填充多種類型的顏色代表。

1、<body bgcolor="red">(顏色名稱)

<body bgcolor="#FF0000">(十六進制值)

<body bgcolor="rgb(255, 8, 9)">(RGB 值)

如何給網站添加背景 第3張

2、試驗RGB,可以生成許多不太的顏色,您可以採取先易後難的方式。但請記住,輸入“羣青偏藍綠色”將生成白色。

添加背景圖片

添加背景圖像比添加單色背景稍微複雜一點。

把背景屬性加入主體標籤。它看起來像這樣:<body background="SRC">其中SRC是源圖像。SRC可以在同一檔案夾或其他檔案夾或其他網頁。

1、<body background="red.gif">(在同一檔案夾)

<body background="Folder1ed.gif">(在不同的檔案夾內)

<body background="imagepage1/red.gif">(在不同的網頁)

如何給網站添加背景 第4張

2、記住輸入.gif/ .jpeg /.bmp副檔名。

方法2:CSS方法

如何給網站添加背景 第5張

1、在CSS中要添加一個純色背景,添加一個樣式屬性。您也可以給出ID和類別,同時使用內部和外部的樣式表。

如何給網站添加背景 第6張

2、您的主體標記看起來應該像這樣:<body style="background-color: COLORNAME;">
COLORNAME是顏色名稱,十六進制值或RGB (記得HTML中純色背景最後幾步在這裏也適用)。

添加圖片

如何給網站添加背景 第7張

1、要添加圖片,添加樣式屬性身體標記。您也可以給出ID和類別,同時使用內部和外部的樣式表。

如何給網站添加背景 第8張

2、您的主體標記看起來應該像這樣:<body style=";'SRC'); ">

如何給網站添加背景 第9張

3、記住SRC是源圖像。SRC可以在同一檔案夾或其他檔案夾或其他網頁。<body>(在同一檔案夾中)

<body>(在不同的檔案夾內)

<body>(在不同的網頁)

4、記住加入副檔名。

重複圖案背景

要做重複的圖案背景,按上述步驟添加一個背景。現在您的主體標籤一定改變爲:<body style=";'SRC'); background-repeat:REPEAT-SETTINGS; ">,其中REPEAT-SETTINGS是設定。可能有很多重複設定,如:

1、<body>(背景將垂直和水平重複。)

<body>(背景水平重複。)

<body>(背景垂直重複。)

固定圖像背景

1、固定圖像背景看起來很酷,頁面向下滾動時也不改變。爲此您只需要對上面的代碼做一些簡單的調整。使主體標籤成這樣:<body style=";'SRC'); background-attachment:fixed; background-position:POSITION; background-repeat:REPEAT SETTINGS;">
SRC是背景圖像的源件,POSITION是圖像的位置(它的範圍可以從中心到右上角);背景附件是這類背景的主要“催化劑” 。它是用來說明背景的位置,建議不要改變它。

提示

閱讀整篇文章:你省略的部分可能有一些重要的提示(這篇文章的各部分是相互參照的,最好每部分都讀。

警告

兩種HTML方法都已老舊,並可能無法用於HTML 4.01以及XHTML。

Tags:網站