css如何使div背景圖片填充

1、通過(guò)css：background-image語(yǔ)句設(shè)置背景。background-image 屬性會(huì)在元素的背景中設(shè)置一個(gè)圖像。根據(jù) background-repeat 屬性的值，圖像可以無(wú)限平鋪、沿著某個(gè)軸（x 軸或 y 軸）平鋪，或者根本不平鋪。

創(chuàng)新互聯(lián)建站公司2013年成立，公司自成立以來(lái)始終致力于為企業(yè)提供官網(wǎng)建設(shè)、移動(dòng)互聯(lián)網(wǎng)業(yè)務(wù)開(kāi)發(fā)（小程序開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、app開(kāi)發(fā)定制等），并且包含互聯(lián)網(wǎng)基礎(chǔ)服務(wù)（域名、主機(jī)服務(wù)、企業(yè)郵箱、網(wǎng)絡(luò)營(yíng)銷(xiāo)等）應(yīng)用服務(wù)；以先進(jìn)完善的建站體系及不斷開(kāi)拓創(chuàng)新的精神理念，幫助企業(yè)客戶(hù)實(shí)現(xiàn)互聯(lián)網(wǎng)業(yè)務(wù)，嚴(yán)格把控項(xiàng)目進(jìn)度與質(zhì)量監(jiān)控加上過(guò)硬的技術(shù)實(shí)力獲得客戶(hù)的一致贊譽(yù)。

2、首先，打開(kāi)html編輯器，新建html文件，例如：index.html。在index.html中的style標(biāo)簽中，輸入css代碼：body {background： url(image.jpg) no-repeat；background-size： 100%}。

3、通過(guò)設(shè)置background Color屬性設(shè)置圖形背景顏色；CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。

4、是一整張大圖，尺寸和區(qū)域大小剛好吻合 一個(gè)很小的條狀圖，通過(guò)repeat后，形成一個(gè)很規(guī)則的大圖背景。但是css3出現(xiàn)以后，這個(gè)情況被改善了。background-size 屬性可以讓我們之前的希望成真。

5、css代碼添加背景圖片：1．背景顏色：background-color 語(yǔ)法：{background-color：數(shù)值} 注意：在html當(dāng)中，要為某個(gè)對(duì)象加上背景色只有一種辦法，那就是先做一個(gè)表格，在表格中設(shè)置完背景色，再把對(duì)象放進(jìn)單元格。

網(wǎng)頁(yè)設(shè)計(jì)div中背景圖片怎么沾滿(mǎn)整個(gè)該div

圖片不夠大，又background屬性不能拉伸圖片；只能用個(gè)div，把其z-index值設(shè)為負(fù)，并使這個(gè)div大小為整個(gè)body大小，在div里用；body的background屬性去掉，要不然會(huì)被遮住。

首先，打開(kāi)html編輯器，新建html文件，例如：index.html。在index.html中的style標(biāo)簽中，輸入css代碼：body {background： url(image.jpg) no-repeat；background-size： 100%}。

如果對(duì)DIV設(shè)置全屏，一般我們就設(shè)置其width寬度樣式為100%。 這里為了方便理解，DIVCSS5實(shí)例講解DIV全屏實(shí)現(xiàn)對(duì)最外層DIV給予id引入CSS命名為warp；同時(shí)為了便于觀察，我們對(duì)div設(shè)置一個(gè)css背景為黑色，高度為80px。

給div添加style樣式：background-image；使用絕對(duì)或相對(duì) url 地址指定背景圖像；設(shè)置或檢索對(duì)象的背景圖像。

我們首先打開(kāi)前端開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面。在html代碼頁(yè)面上創(chuàng)建一個(gè)用于設(shè)置背景顏色的div標(biāo)簽，然后給這個(gè)標(biāo)簽添加上class = bg-img。

可以使用：Background-size屬性 語(yǔ)法：background-size ：[ length | percentage | auto ]{1，2} | cover | contain 取值：length：由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值。不可為負(fù)值。

CSS3:為什么我設(shè)置的邊框圖片填充了整個(gè)div?

1、是因?yàn)橐粋€(gè)css設(shè)置：box-sizing 默認(rèn)是content-box，實(shí)際width=設(shè)置width+邊框+間距，而在border-box下，寬度設(shè)置好，邊框和間距會(huì)自動(dòng)調(diào)整寬度，滿(mǎn)足設(shè)置的值。

2、padding是設(shè)置的圖片的邊框的，并不是設(shè)置的圖片位置，如果想設(shè)置圖片位置的話，需要用background-position屬性的。背景圖片位置在CSS中有專(zhuān)門(mén)的屬性來(lái)調(diào)整：background-position：x y；x的意思是x軸的數(shù)值、百分比，位置。

3、不知道你div結(jié)構(gòu)，你應(yīng)該把div貼出來(lái)，才能幫你改。如果說(shuō)設(shè)置圖片邊框填充的話，很簡(jiǎn)單。舉個(gè)例子：.img {width：160px； height：120px； padding：5px； margin：0； border：1px solid #ccc；} 這個(gè)是設(shè)置填充了的。

4、創(chuàng)建div代碼：divsolid：定義一個(gè)邊框/div 設(shè)置線條邊框。創(chuàng)建style標(biāo)簽，然后在這個(gè)標(biāo)簽里設(shè)置solid類(lèi)的樣式為實(shí)線邊框。

5、css2如果用背景圖，實(shí)現(xiàn)個(gè)分辨率下的圖片填充效果是做不到的。

6、no-repeat；不過(guò)因?yàn)椴煌瑸g覽器對(duì)于css3的支持度有限，這種寫(xiě)法在大多數(shù)瀏覽器里面，特別是ie里面是無(wú)效的。所以通常的作法還是嵌套兩個(gè)div，一個(gè)div里面是上面的背景圖，一個(gè)div里面是下面的背景圖，這樣的兼容性會(huì)好一些。