導航:首頁 > 萬維百科 > 網頁設計怎麼將圖片作為背景圖片

網頁設計怎麼將圖片作為背景圖片

發布時間:2020-09-01 08:56:45

1、本人初學網頁設計,不知道怎麼把本地圖片設置為網頁背景圖片。求源代碼?大哥大姐謝謝啦~!

我也是初學者,也不精通,所以不便直接教你,但我覺得授人以魚 不如授人以漁!
這也是之前一位師傅一直教導我的,深受教悔,收獲挺大的!
初學者學習HTML,先入門、再提高。一個循序漸進的過程;通過個人學習來達到學習目標或完成任務,在不斷的努力中總結、積累經驗!
推薦他給你,你可以搜索 「夜風老師」
個人建議,供參考!

2、在設計網頁的過程中,想把一張圖片放為那個網頁的背景,該怎樣做?

<style type="text/css">
body{ background-image:url(img/2.jpg); background-repeat:no-repeat;}
</style>
img/2.jpg這個換成你的圖片地址
把這段代碼放到<head>和</head>之間

3、在html靜態網頁中如何插入背景圖片,急需!!!

兩種方法:
html:
<img src="xxx.jpg" width="100px" height="100px" />
說明:這是在網頁中插入一副圖像,能調整圖像大小,能拉伸圖像,但是不能平鋪圖像,圖像要佔用頁面的空間的,一般情況下,文字不能在這樣的圖像上面。
css:
#yourID
{
background-image:url('xxx/xxx.jpg');
}
說明:這是背景圖像,能平鋪,但不能調整大小。不會佔用頁面空間,文字可在其上。

這兩種看你的需要選擇。

另外,像樓上的回答:<body background = "圖片的路徑">,這樣做已經過時,不應該提倡。要知道,HTML只管呈現內容,CSS只管頁面布局和修飾。

4、html網頁設計裡面怎麼平鋪背景圖片?

html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:

1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。

5、dreamweaver 製作網頁 怎麼把一張圖片作為背景

完全可以,用樣式表寫.background:url(imasge/class.jpg) no-repeat; 這句代碼就可以,imasge/這個是路徑,class.jpg這個是圖片的名稱,再不會可以問我!

6、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:

1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。

7、製作網頁時怎麼把製作的圖片插進去做背景呢?

點擊屬性欄的頁面屬性,有背景添加按鈕,點擊瀏覽選著你要填家的背景圖片,點擊確定就可以。。

8、網頁設計如何將一張圖片作為網頁背景圖片?

給裝圖片的div一張背景圖,比如下面代碼:
div{background:url(圖片路徑) no-repeat;background-size:100%;}
背景圖片百分百顯示,no-repeat意思是不重復顯示

9、web網頁設計中怎麼做頁面背景圖片

1.css的寫法:background:url(圖片路徑)
2.直接在html上寫:<body background="圖片路徑">

10、html網頁製作中如何設置背景圖片(如何引用)

1、首先打開Atom編輯器導入項目文件夾,先創建一個index.html的文件。定義一下html文件的主信息:

2、然後填寫自己的網頁內容, 設置一下樣式,直接在body後面加上background="圖片名字"即可插入圖片:

3、最後來到瀏覽器,刷新一下網頁,這樣就會顯示背景了:

與網頁設計怎麼將圖片作為背景圖片相關的知識