導航:首頁 > 萬維百科 > 網頁設計給div加背景

網頁設計給div加背景

發布時間:2021-03-10 08:27:01

1、HTML語言中,如何在div中插入背景圖片?

<div style="width:100px; height:100px; background:url(圖片名稱.jpg);"></div>
圖片和網頁放一個文件夾裡面,注意圖片後綴,我這里是.jpg就只適合JPG圖片的,其他類型圖片自行改後綴

2、你好,怎樣通過css給html里的div加背景圖片.

background-image:url(2.jpg)no-repeat;
這句有問題哦
指定image的話就不要加其他屬性 background-image:url(2.jpg); 或者background:url(2.jpg)no-repeat;

3、網頁設計,div層如何添加背景圖?

是的,如果直接給div寫樣式,確實是所有的div都會應用此樣式;
方法有很多,你可以定義一個樣式名,例如 .cc:{background:#999},所需要添加此樣式的那個div 設置class="cc";
方法二 :你也可以定義一個id然,例如 #dd:{background:#999},給你所需要添加此樣式的那個div設置 id="dd";
明白了嗎?
希望我的回答對你有幫助,望採納。。。謝謝了~~~

4、如何在網頁中的一塊div區域中添加背景圖片?求大俠解答。我一添加背景圖片,那張圖片就變成全網頁的背景。

最簡單的寫法:<div style="width:200px; height:200px; background:url( 圖片路徑)"></div>
復雜點寫個類或者id .bac {width:200px; height:200px; background:url( 圖片路徑)}
<div class="bac"></div>
就不行不可以

5、網頁設計div中背景圖片怎麼沾滿整個該div

你的意思是背景圖的樣式設置中,不要橫向或者縱向重復,是不是?那麼你在設置該樣式表的時候,就把圖片的尺寸(長和寬)和div的尺寸(長和寬)設置一樣大小,就可以了,而且背景圖不讓它重復!

6、div標簽如何插入背景圖

路徑,我的在同一級目錄

<body style="width:600px;text-align:center;">
<div style=" 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>
<div style="text-align:left; padding-top:5px;">
注釋:靜夜思:寧靜的夜晚所引起的相思;疑:懷疑、以為;舉:抬、仰。
</div>
</body>

7、怎樣用css給一個空div添加背景圖片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>liuxing test</title>
<style type="text/css">
.divbgpic{
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');
width:500px;
height:500px;
}
</style>
<script type="text/javascript"
src="jquery/jquery1.7.1/jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="divbgpic"></div>
</body>
</html>

background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');這樣子

8、html中在div中加背景圖片

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

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

2、div寫上樣式,「background: url(bg_main.jpg);」的樣式,設置背景圖即可。

3、設置了背景圖,給div設置高度「height:500px」。

4、設置高度之後,高度和背景圖就可以出現。

5、div很多文字,超過了固定高度,會出現背景不會平鋪到底部。

6、在設置好的背景後面加個 「repeat」,就可以平鋪背景圖。


9、div 怎樣插入背景圖片

四種方法:

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

第一種:

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

第二種:

head部分引入

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

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

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

並在style表中寫入:

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

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

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

10、css怎麼給div加背景圖片

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

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

(1)相對的文件位置:

(2)測試代碼:

測試效果:

(10)網頁設計給div加背景擴展資料:

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

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

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

參考資料:網路--CSS background-image

與網頁設計給div加背景相關的知識