1、1顏色背景 顏色背景的設(shè)計(jì)是最為簡單的，但同時(shí)也是最為常用和最為重要的，因?yàn)橄鄬τ趫D片背景來說，它有無與倫比的顯示速度上的優(yōu)勢在網(wǎng)頁文件中，一般通過標(biāo)簽來指定頁面的顏色背景，其HTML語法為 其中的quotcolorquot表示不同的顏色，可。

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

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

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