網(wǎng)頁制作的基本步驟 網(wǎng)頁設(shè)計(jì)背景圖片怎么填滿整個(gè)背景呀?
網(wǎng)頁設(shè)計(jì)背景圖片怎么填滿整個(gè)背景呀?1、如果樓主只是將其當(dāng)做一張圖片顯示,可以通過css控制,如img{width:100%height:100%}.否則需要將其作為網(wǎng)頁背景的話可以試試如下方法:2、
網(wǎng)頁設(shè)計(jì)背景圖片怎么填滿整個(gè)背景呀?
1、如果樓主只是將其當(dāng)做一張圖片顯示,可以通過css控制,如img{width:100%height:100%}.否則需要將其作為網(wǎng)頁背景的話可以試試如下方法:2、如果這張圖片為背景圖片由于背景圖片不具有伸縮性,只能通過別的方法繞著解決,在ie中可以用<bodystyle="filter:progid:dximagetransform.microsoft.alphaimageloader(src="https://img.kmw.com1.jpg",sizingmethod="scale")">,實(shí)現(xiàn)背景拉伸鋪滿整個(gè)瀏覽器,但其它的瀏覽器不支持。這時(shí)可以拐個(gè)彎,設(shè)置兩層div,底層div當(dāng)做背景使用,放置一張圖片即可。<div id="background" style="position:absolutez-index:-1width:100%height:100%top:0pxleft:0px"><img src="https://img.kmw.com1.jpg" width="100%" height="100%"/></div>再將網(wǎng)頁內(nèi)容放置到第二層上<div id="content">頁面內(nèi)容</content>3、網(wǎng)頁背景圖片默認(rèn)情況下是重復(fù)平鋪滿整個(gè)頁面。上面2方法是要求圖片不重復(fù),但又得占滿瀏覽器所采用的方法。
網(wǎng)頁制作如何將圖片設(shè)置為表格內(nèi)的背景?
一般表格寫法為<table> <tr> <td> </table></tr></tb>如果要設(shè)置某個(gè)圖片為整個(gè)表格背景,則在table里設(shè)置,具體寫法為:<table style="background:url(../img【圖片存放路徑】/xxx.jpg)">即可設(shè)置XXX.jpg為整個(gè)表格背景!如果要設(shè)置,某個(gè)圖片為表格中第一個(gè)豎列的背景則在<tr>里進(jìn)行設(shè)置!設(shè)置方法參考table設(shè)置方式!例如:<tr style="background:url(../img/xxx.jpg)">如果要設(shè)置,某個(gè)單個(gè)表格的背景則需要設(shè)置<td>屬性,具體設(shè)置辦法與前兩個(gè)相同!例如:<td style="background:url(../img/xxx.jpg)">即可顯示!如果,不懂代碼,一般在網(wǎng)頁的編輯器里可以進(jìn)行設(shè)置鼠標(biāo)點(diǎn)擊表格,然后右鍵選擇表格背景顏色進(jìn)行設(shè)置!【注意:大多數(shù)編輯器不支持設(shè)置背景圖片,如果需要設(shè)置背景圖片需要在代碼里進(jìn)行修改!】
怎樣在網(wǎng)頁設(shè)計(jì)中用記事本插入背景圖片?
制作網(wǎng)頁可以不用任何軟件,直接用“記事本”制作。每臺(tái)電腦都有記事本。點(diǎn)左下角的“開始”——“程序”——“附件”——“記事本”,就打開了。
1.輸入< ml>
2.在中間輸入成為: < ml>
3.在之間輸入文本:我的主頁。
4.點(diǎn)文件——保存——先放在桌面,保存文件類型為:01.html(注意這個(gè)點(diǎn)是在英文狀態(tài)下的點(diǎn))。
5.打開桌面上的01.html文件,發(fā)現(xiàn)有“我的主頁”,這時(shí)只有白底黑字。
6.加背景圖片:在原記事本中,在內(nèi)輸入background="圖片地址"成為: < ml>
7.保存,刷新01.html文件。
8.設(shè)計(jì)主體部份:在之間輸入:
9.保存,刷新01.html文件。 10.插入圖象: 11.插入視頻:12.背景音樂:網(wǎng)頁制作插入背景圖片時(shí)怎么圖片沒有平鋪?
html網(wǎng)頁設(shè)計(jì)里面平鋪背景圖片的代碼如下:<html> <body> <div id="Layer1" style="position:absolute left:0px top:0px width:100% height:100%"> <img src="https://img.kmw.compictures/background.jpg" width="100%" height="100%"/> </div> </body> </html>網(wǎng)頁背景默認(rèn)是平鋪整個(gè)屏幕的,可能有以下原因?qū)е虏荒芷戒仯?、圖片不夠大,又background屬性不能拉伸圖片; 2、只能用個(gè)div,把其z-index值設(shè)為負(fù),并使這個(gè)div大小為整個(gè)body大小,在div里用<img>;3、body的background屬性去掉,要不然會(huì)被遮住。