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

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

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

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添加樣式添加樣式我們全部寫在CSS文件中，并在html頁面中引用具體的樣式入下圖所示我們首先使用了一張為registpng的圖片作為背景，將其；1ltbody style=quotbackgroundimage urlquot圖片文件地址quot backgroundattachment fixedquot這樣背景圖片就會固定住，不會因頁面滾動而重復2使圖在任何大小的屏幕都不會顯示重復，可以這樣設定背景圖像不平鋪lt；1插入背景圖片有兩種方法，一種是用html的img標簽，另一種是利用css的background標簽插入具體操作是首先新建一個html文件，寫入兩個div，分別用來演示兩種方法插入標簽2首先是用html標簽插入圖片，這里直接在img標簽中。