如果你想向網(wǎng)頁中添加圖片，用HTML就可以了。但是如果你想將一張圖片設(shè)置為網(wǎng)頁背景圖片，就同時需要HTML和CSS。HTML的全名叫做“超文本標(biāo)記語言”，是一種用來指示瀏覽器在網(wǎng)頁中顯示什么內(nèi)容的代碼。CSS的全名叫做“層疊樣式表”，用來改變網(wǎng)頁外觀和布局。你還需要一張用于web頁面的背景圖片。
創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的大豐網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
部分 :
新建文檔
?
1
創(chuàng)建一個文件夾用來存放HTML文件和背景圖片。在電腦上創(chuàng)建并命名一個文件夾，方便日后查找。
你可以為文件夾隨意命名，但是使用HTML時，最好養(yǎng)成習(xí)慣，使用簡短的單個單詞來命名文件和文件夾。
?
2
將背景圖片放入HTML文件夾。將你想要用作背景的圖片放入HTML文件夾。
如果你不在意網(wǎng)頁是否能在網(wǎng)速較慢的舊設(shè)備上運行順暢，可以使用高分辨率圖片來作為背景。選擇帶有重復(fù)圖樣的簡單圖片作為背景也不錯，因為你可以在這種背景下閱讀任何文本。
如果你沒有圖片，可以下載免費的背景圖。下載好圖片，將它放入創(chuàng)建好的HTML文件夾中。
?
3
創(chuàng)建一個HTML文件。打開文本編輯器，然后新建一個文件。將文件另存為index.html。
你可以使用任何你想要的文本編輯器，系統(tǒng)自帶的文本編輯器也可以，如Windows的記事本，以及Mac OS X的文本編輯器。
如果你想要使用能處理HTML的文本編輯器，點擊這里下載Windows、Mac OS X、Linux操作系統(tǒng)都可以使用的文本編輯器Atom。
如果你使用的是Mac電腦的文本編輯器，在開始編寫HTML文件之前，單擊“格式”菜單，然后單擊“生成純文本”。該設(shè)置會確保HTML文件在網(wǎng)頁瀏覽器中正常加載。
諸如Microsoft Word之類的文字處理程序并不適合編寫HTML，因為它們添加了一些不可見的字符和格式，這些字符和格式可能會破壞HTML文件，讓它無法在網(wǎng)頁瀏覽器中正確顯示。
部分 2 的 5:
編寫HTML文件
?
復(fù)制并粘貼標(biāo)準(zhǔn)HTML代碼。選擇并復(fù)制下面的HTML代碼，然后粘貼到打開的 index.html文件中。
html5加背景圖片可以通過：
1.首先可以去寫一個div，然后這個div當(dāng)然寬高是一定要有，然后在div中去設(shè)置要的背景圖片，是否重復(fù)等屬性，repaet這個來設(shè)置，no-repeat(是不重復(fù))、repeat-x（沿著x軸重復(fù)）、repeat-y（沿著Y軸重復(fù)）這里我提交一段代碼：
div id = 'test'/div
style
#test{
width：300px;
height:400px;
background:url('圖片的地址')no-repeat;
}
/style
這樣背景圖片就設(shè)置好了！
1、首先打開Atom編輯器導(dǎo)入項目文件夾，先創(chuàng)建一個index.html的文件。定義一下html文件的主信息：
2、然后填寫自己的網(wǎng)頁內(nèi)容，?設(shè)置一下樣式，直接在body后面加上background="圖片名字"即可插入圖片：
3、最后來到瀏覽器，刷新一下網(wǎng)頁，這樣就會顯示背景了：
body{ ? ? ?font-family: "微軟雅黑";
width: 100%;
height:auto;
background:url("../img/....png") no-repeat;
background-size: 100%; ? }
在插入背景圖片的容器里設(shè)置background-size: 100%，這樣圖片就會覆蓋整頁。
重慶分公司
重慶分公司
