div如何設置背景圖片_設置div背景圖片（急急急

A. 為div設置背景圖片後，為什麼不顯示背景圖片

沒聽說過div還要設置display:block,div中不需要display:block.

原因：
1、編碼錯誤，即代碼編寫沒有按照規范，屬性名寫錯。

2、圖片路徑不對。

3、使用background來實現背景圖片，可能因為圖片太大或者太小，顯示出來的圖片只有一部分，二者一部分剛好是透明的，造成沒有圖片的效果，因此必須設置background-size來控制圖片的顯示。

4、背景圖片調用方式不對，不能使用本地路徑。

將hanshan.png和當前頁面放在一個目錄，則直接寫成這樣：

#cuyu {
background-image: url(hanshan.png);
height:500px;
width: 1000px;
}

或者將hanshan.png放在images目錄，保證當前頁面和images在同一級目錄，則樣式為：
#cuyu {
background-image: url(images/hanshan.png);
height:500px;
width: 1000px;
}

(1)div如何設置背景圖片擴展閱讀：

DIV格式使用方法的注意事項：

<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上，換行是 <div> 固有的特定的格式表現。可以通過 <div> 的 class 或 id 應用額外的樣式。

不必為每一個 <div> 都加上類或 id，雖然這樣做也有一定的好處。

可以對同一個 <div> 元素同時應用 class 和 id 屬性，但是更常見的情況是只應用其中一種。

這兩者的主要差異是，class 用於元素組（類似的元素，或者可以理解為某一類元素），而 id 用於標識單獨的特定的元素。

參考資料來源：網路-DIV

B. css如何使div背景圖片填充

css使div背景圖片填充的具體操作步驟如下：

1、我們首先打開前端開發工具，新建一個html代碼頁面。

C. css怎麼給div加背景圖片

通過css：background-image語句設置背景。

background-image 屬性會在元素的背景中設置一個圖像。根據background-repeat屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。初始背景圖像（原圖像）根據background-position屬性的值放置。

（1）相對的文件位置：

(3)div如何設置背景圖片擴展閱讀：

background-image 屬性為元素元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。

默認地，背景圖像位於元素的左上角，並在水平和垂直方向上重復。

提示：請設置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁面也可獲得良好的視覺效果。

D. div標簽如何插入背景圖

<bodystyle="width:600px;text-align:center;">
<divstyle="height:352px;border-bottom-style:dashed;border-bottom-color:#00C;width:800px;background-image:url(pic.jpg)">
<h1>靜夜思</h1>
<h2>作者：李白</h2>
<p>床前明月光，</p>
<p>疑是地上霜，</p>
<p>舉頭望明月，</p>
<p>低頭思故鄉。</p>
</div>
<divstyle="text-align:left;padding-top:5px;">
注釋：靜夜思：寧靜的夜晚所引起的相思；疑：懷疑、以為；舉：抬、仰。
</div>
</body>

E. div 怎樣插入背景圖片

四種方法：

需要注意的是，如果div中沒有內容，則通過設置高寬來設置測試查看背景圖片

第一種：

<divstyle="background:url(images/2.jpg);height:200;width:200;"></div>

第二種：

head部分引入

<style>.div{background:url(images/2.jpg);height:200;width:200;}</style>

第三種：在head部分引入外部樣式表

<linkrel="stylesheet"type="text/css"href="css/style.css"/>

並在style表中寫入：

.div{background:url(images/2.jpg);height:200;width:200;

第四種，在設計頁面直接選擇：修改>頁面屬性>背景圖像

希望能夠幫助到你，滿意請選擇。謝謝。

F. html中在div中加背景圖片

html在div加背景圖片的具體操作步驟如下：

1、新建一個html文檔，編寫一個類名等於setbg的div標簽。

。

G. HTML中如何添加背景圖片

1、插入背景圖片有兩種方法，一種是用html的img標簽，另一種是利用css的background標簽插入。具體操作是首先新建一個html文件，寫入兩個div，分別用來演示兩種方法插入標簽：

H. 設置div背景圖片（急急急

這樣設置div背景圖片的寫法是錯誤的，正確的寫法應該是這樣

css內嵌式寫法：div{ background:url（'圖片的路徑'）}

css行內樣式寫法：style=「background:url('圖片的路徑')」

下面舉例說明

步驟1：新建一個html頁面，修改裡面的代碼，添加1個div標簽，id為div1,同時准備2張圖片作為背景圖分別叫「01.jpg」和「02.jpg」，此時div1未設置背景圖，在瀏覽器中顯示為

I. div 怎麼設置網路鏈接背景圖片

在做頁面時候，有時難免會把圖片圖片做成背景，但是又想加個鏈接，可以採用正面的辦法解決。
#logo
{
width:249px;
height:62px;
background-image:url(images/logo.gif);}
#logo
a{
display:block;
width:249px;
height:62px;
cursor:hand;
}
然後在<html>里加入以下代碼
<div
id="logo"><a
href="http://IP"></a>
用IE瀏覽圖片就能有超鏈接，滑鼠並以一個小手出現，在dreamweaver效果是一樣的。
特別說明：為背景加超鏈接時必須加display:block，並且按Logo圖片的大小定義好它的寬和高。這樣才能達到想要的效果。

J. 怎麼給div設置背景圖片

backgroud-image:url(),這樣就可以了

導航:首頁 > 圖片大全 > div如何設置背景圖片

div如何設置背景圖片

與div如何設置背景圖片相關的資料