在html中,怎么設(shè)置背景圖片不重復(fù)不平鋪,只顯示一張圖片

1、首先我們用Dreamweaver軟件做一個(gè)html文檔，當(dāng)然用其他編輯器也可以。然后給body設(shè)置一個(gè)背景圖片，這里小編給body加了一個(gè)高度，以便能看到圖片。然后先在瀏覽器中預(yù)覽一下效果。

成都創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站制作、做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)新源,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18982081108

2、在body標(biāo)簽里添加文件路徑，語(yǔ)法如下：body background=文件路徑 這時(shí)，頁(yè)面雖然充滿了背景，但可以看出背景圖片被填充了多次。

3、把這個(gè)放在head區(qū)域 或者寫在單獨(dú)的css樣式表文件里。萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面（外語(yǔ)：page）。

4、首先準(zhǔn)備一張?jiān)O(shè)置為背景的圖片，這邊準(zhǔn)備的是一張650px*347px的圖片。然后建立一個(gè)html文檔，將它和背景圖片放到一個(gè)文件夾中。編輯html文檔，這邊建立一個(gè)div，設(shè)置寬度為700px，高度跟背景圖一樣，為347px。

如何讓網(wǎng)頁(yè)背景圖片不重復(fù)顯示?

比如一個(gè)容器（body，div，span）中設(shè)定一個(gè)背景。這個(gè)背景的長(zhǎng)寬值在css1之前是不能被修改的。 所以實(shí)際的結(jié)果是只能重復(fù)顯示，所以出現(xiàn)了repeat，repeat-x，repeat-y，no-repeat這些屬性。就是用來(lái)控制背景圖片的顯示的。

道士來(lái)到金闕西邊，叩響玉石雕做的院門輕聲呼喚，讓小玉叫侍女雙成去通報(bào)。 太真聽(tīng)說(shuō)君王的使者到了，從帳中驚醒。穿上衣服推開(kāi)枕頭出了睡帳。逐次地打開(kāi)屏風(fēng)放下珠簾。 半梳著云鬢剛剛睡醒，來(lái)不及梳妝就走下壇來(lái)，還歪帶著花冠。

CSS中背景圖片不重復(fù)顯示可以通過(guò)Background-repeat：no-repeat屬性來(lái)控制。具體步驟如下：需要準(zhǔn)備的材料分別是：電腦、瀏覽器、ultraedit。在ue編輯器中新建一個(gè)空白的html文件。在html文件中輸入以下的html代碼。

的樣式就可以了 width 是寬 height 是高 background-image 是背景圖片地址 語(yǔ)法：(說(shuō)明：在默認(rèn)情況下，用戶可以省略bgproperties屬性，這時(shí)圖片會(huì)按照水平和垂直的方向不斷重復(fù)出現(xiàn)，直到鋪滿整個(gè)頁(yè)面。

一般情況下，在網(wǎng)站中的背景圖為了是布局色統(tǒng)一其都是單一的小圖經(jīng)過(guò)重復(fù)而得到的 對(duì)于你的要求除非你是想做靜態(tài)網(wǎng)站或網(wǎng)頁(yè)就一個(gè)屏幕那么大否則就不行。

Css設(shè)置背景圖片不顯示的問(wèn)題

打開(kāi)html開(kāi)發(fā)軟件，新建一個(gè)html代碼頁(yè)面。在html代碼頁(yè)面的標(biāo)簽里面輸入多行段落文字，用于后面瀏覽器滾動(dòng)條滾動(dòng)的時(shí)候查看圖片時(shí)候隨滾動(dòng)條而滾動(dòng)條。設(shè)置背景圖片樣式。

第一步，打開(kāi)html開(kāi)發(fā)軟件并創(chuàng)建一個(gè)新的html代碼頁(yè)面，見(jiàn)下圖，轉(zhuǎn)到下面的步驟。

，css沒(méi)有被調(diào)用 2，css圖片地址不對(duì) 3，div的高度沒(méi)有固定，是auto或者沒(méi)有設(shè)值 4，div被嵌套 5，div代碼不規(guī)范 CSS（層疊樣式表）是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言。

圖片和網(wǎng)頁(yè)放在同一目錄下：background-image：url(圖片.jpg。圖片放在一個(gè)image目錄下，并且image目錄和網(wǎng)頁(yè)在同一目錄下：background-image：url(“image/圖片.jpg”)。

當(dāng)前文章：css樣式背景不重復(fù) css樣式背景圖片不重復(fù)
網(wǎng)頁(yè)路徑：http://aaarwkj.com/article47/dgogchj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、響應(yīng)式網(wǎng)站、網(wǎng)站改版、做網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)