1、1顏色背景 顏色背景的設計是最為簡單的，但同時也是最為常用和最為重要的，因為相對于圖片背景來說，它有無與倫比的顯示速度上的優(yōu)勢在網(wǎng)頁文件中，一般通過標簽來指定頁面的顏色背景，其HTML語法為 其中的quotcolorquot表示不同的顏色，可。

2、1首先，打開Atom編輯器導入項目文件夾，首先創(chuàng)建一個indexhtml文件定義html文件的主要信息，如下圖所示2然后填寫自己的網(wǎng)頁內(nèi)容，設置樣式，添加背景=styletype=quottextcssquot！bodybackgroundimageurlimgtop04；新建一個html文件，例如indexhtml2其次，在indexhtml中的ltbody標簽中，輸入css樣式代碼style=quotbackgroundsize100%background urlimagejpgquot3瀏覽器運行indexhtml頁面，此時成功插入了背景圖片；先創(chuàng)建一個indexhtml的文件定義一下html文件的主信息2然后填寫自己的網(wǎng)頁內(nèi)容， 設置一下樣式，直接在body后面加上background=quot圖片名字quot即可插入圖片3最后來到瀏覽器，刷新一下網(wǎng)頁，這樣就會顯示背景了；html中設置元素的背景色都是通過CSS中的background 屬性來完成例如，給整個頁面body設置背景色bodybackground #ddd如果要將圖片作為背景色bodybackgroundimage url1jpg，其中url括號后面的是背景；第二步，HTML網(wǎng)頁的背景圖片得用background屬性，文件路徑如果和網(wǎng)頁在一個文件夾內(nèi)則只用寫圖片名字并且如果圖片小于網(wǎng)頁顯示窗口，會自動重復添加第三步，如果要在網(wǎng)頁中插入圖片，則得調(diào)用第四步，如果要設置圖片大??；html設置背景圖片的方法有一種是用html的img標簽進行插入，另一種是利用css的background標簽插入HTML稱為超文本標記語言，是一種標識性的語言它包括一系列標簽，通過這些標簽可以將網(wǎng)絡上的文檔格式統(tǒng)一，使分散的Internet。

3、二在ltbody里添加樣式，代碼如下style=quot backgroundrepeatnorepeat backgroundsize100% 100%backgroundattachment fixedquot你看，背景就充滿頁面了有一點需要注意的，你要是弄整個圖片的話，那圖片格式得改；這是在網(wǎng)頁中插入一副圖像，能調(diào)整圖像大小，能拉伸圖像，但是不能平鋪圖像，圖像要占用頁面的空間的，一般情況下，文字不能在這樣的圖像上面代碼標簽解釋1ltimg 標簽定義圖像2src 要顯示的圖像的 URL圖片；你的圖片路徑不對，當你的網(wǎng)頁文件和back文件夾都保存在桌面時 1設置背景圖片需要使用css樣式設，設置代碼如下 以整個頁面的背景圖片為例css樣式body background urlimgbeijingjpg norepeaturl 內(nèi)放置為圖片的。

4、背景圖片屬性backgroundimage這個屬性為HTML元素設定背景圖片，相當于HTML中background屬性ltbody style=quotbackgroundimageurlimagescss_tutorialsbackgroundjpgquot 上面的代碼為Body這個HTML元素設定了一個背景；ltbody style=quot backgroundurlimgimg01jpgquot 設置背景圖片的代碼為 style=quot backgroundurlimgimg01jpgquot，如下圖所示在瀏覽器中查看 右擊HTMLPagehtm，選擇在瀏覽器中查看，如下圖所示；在上圖中，有幾個div，我們以id為d1的div為例創(chuàng)建了div后，我們需要為div添加樣式添加樣式我們?nèi)繉懺贑SS文件中，并在html頁面中引用具體的樣式入下圖所示我們首先使用了一張為registpng的圖片作為背景，將其；1ltbody style=quotbackgroundimage urlquot圖片文件地址quot backgroundattachment fixedquot這樣背景圖片就會固定住，不會因頁面滾動而重復2使圖在任何大小的屏幕都不會顯示重復，可以這樣設定背景圖像不平鋪lt；1插入背景圖片有兩種方法，一種是用html的img標簽，另一種是利用css的background標簽插入具體操作是首先新建一個html文件，寫入兩個div，分別用來演示兩種方法插入標簽2首先是用html標簽插入圖片，這里直接在img標簽中。