⑴ 我想在body里放一個背景圖片，瀏覽的時候填充整個屏幕，請問這樣的JS代碼或CSS代碼怎麼寫
這個是用css設置背景圖片
url ："../images"表示當前目錄的上級目錄下的目錄
no-repeat：背景圖片無重復。
background-size：背景圖片大小，兩個百分百表示長寬都占屏幕百分百，防止網頁縮放或者屏幕大小不一樣時沒有鋪滿
⑵ CSS如何添加背景圖片
通過css：background-image語句設置背景。
background-image 屬性會在元素的背景中設置一個圖像。根據background-repeat屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。初始背景圖像（原圖像）根據background-position屬性的值放置。
（1）相對的文件位置：
(2)css如何橫向填充背景圖片擴展閱讀：
background-image 屬性為元素元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。
默認地，背景圖像位於元素的左上角，並在水平和垂直方向上重復。
提示：請設置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁面也可獲得良好的視覺效果。
⑶ html中如何加入背景圖片
在html中某個div里加入背景圖片的話，主要有以下幾種方式：
第一種： 在css文件里加入背景圖片：在css里用url(../images/背景圖2.jpg)，在內聯css和引入css中會由於html文件和css文件所處的相對位置不同，引入圖片路徑會有所不同。
如圖：
第二種：在html中引入：<div class="detail" style="background-image: url(../images/背景圖1.jpg)"></div>，同理url()括弧里是圖片的引入路徑。
如圖：
第三種：在div中加一張圖片
<div class="detail" >
<img src="../images/背景圖1.jpg" alt="" style="width:100%;height:100%">
</div>
如圖：
當圖片小於背景區域大小時，圖片會不斷重復顯示，如果不想圖片重復顯示，可以設置background-repeat，background-repeat有4個值，分別是repeat（代表重復顯示）、no（代表不重復）、repeat-x（代表水平方向上重復）、repeat-y（代表垂直方向上重復）
當圖片小於背景區域大小時，默認從左上角開始鋪，如果想從任意位置開始鋪，可以使用background-position屬性，設置在x、y方向的偏移量。
當圖片大於背景區域時，只顯示圖片左上角。
當圖片和背景區域大小一樣大時，顯示整張圖片。
⑷ 如何在html中設置背景圖片
1、設置背景圖片只需在css樣式中設置backgroud-image屬性：
<style type="text/css" >
body{
background-image:url(你的圖片地址);
background-position:center;
background-repeat:repeat-y；
}
</style>
2、其中， background-image:url(你的圖片地址)表示背景圖片的存放路徑；
background-position:表示的是背景圖片的位置，主要有top(上)、bottom（下）、left(左)、right(右)這四個取值；
background-repeat:表示的圖片的平鋪方式。默認情況是平鋪，一般設置為no-repeat,表示的是不平鋪。
⑸ CSS添加背景圖片
css代碼添加背景圖片：
1．背景顏色：background-color
語法：{background-color:數值}
注意：在html當中，要為某個對象加上背景色只有一種辦法，那就是先做一個表格，在表格中設置完背景色，再把對象放進單元格。這樣做比較麻煩，不但代碼較多，還要為表格的大小和定位傷些腦筋。
表格背影顏色：style="background-color:red"
2．背景圖片：background-image
語法：{background-image: url(url)|none}
3．背景重復：background-repeat
語法：{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
作用：背景圖片重復控制的是背景圖片平鋪與否，也就是說，結合背景定位的控制可以在網頁上的某處單獨顯示一幅背景圖片。
說明：參數取值范圍：
·inherit 繼承
·no-repeat 不重復平鋪背景圖片
·repeat-x 使圖片只在水平方向上平鋪
·repeat-y 使圖片只在垂直方向上平鋪
注意：如果不指定背景圖片重復屬性，瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。
4．背景固定：background-attachment
語法：{background-attachment:fixed|scroll}
·fixed：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，固定不動
·scroll：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，一起滾動
注意：背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性，瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時傷害瀏覽者的視力，所以可以解除背景圖片和文字內容的捆綁，該為和瀏覽器窗口捆綁。
5．背景定位：background-position
語法：{background-position:數值|top|bottom|left|right|center}
作用：背景定位用於控制背景圖片在網頁中顯示的位置。
·帶長度單位的數字參數
·top：相對前景對象頂對齊
·right：相對前景對象右對齊
·center：相對前景對象中心對齊
·比例關系
關鍵字解釋如下:
top left = left top = 0% 0%
top = top center = center top = 50% 0%
right top = top right = 100% 0%
left = left center = center left = 0% 50%
center = center center = 50% 50%
right = right center = center right = 100% 50%
bottom left = left bottom = 0% 100%
bottom = bottom center = center bottom = 50% 100%
bottom right = right bottom = 100% 100%
注意：參數中的center如果用於另外一個參數的前面，表示水平居中；如果用於另外一個參數的後面，表示垂直居中。
6. 背景樣式：background
語法：{background:背景顏色|背景圖象|背景重復|背景附件|背景位置}
作用：背景屬性是一個更明確的背景—關系屬性的略寫。以下是一些背景的聲明。
(5)css如何橫向填充背景圖片擴展閱讀：
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標准通用標記語言的一個應用）或XML（標准通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。
1990年，Tim Berners-Lee和Robert Cailliau共同發明了Web。1994年，Web真正走出實驗室。
參考資料來源：網路：css
⑹ css如何使div背景圖片填充
css使div背景圖片填充的具體操作步驟如下：
1、我們首先打開前端開發工具，新建一個html代碼頁面。