web中背景圖片大小怎麼設置

2. CSS樣式表控制背景圖片大小

可以通過background-size屬性來設定背景圖片的大小。它可以是像素（px）或者是百分比(%)，舉例說明：background-size:950px* 200px這表示把背景圖片大小調整為寬度950像素，高度200像素。

1、background-size的語法說明：

(1)屬性名:background-size

(2)屬性值:其中 bg-size = [|| auto ]{1,2} | cover |
contain

(3)初始值:auto auto

(4)應用於:所有元素

(5)繼承性:無

(6)百分比:後面會說明

(7)計算值:根據指定

2、代碼說明：

/* 一個值: 這個值指定圖片寬度，第二個值為auto */

background-size: auto

background-size: 50%

background-size: 3em

background-size: 12px

/* 兩個值: 第一個值指定圖片的寬度，第二個值指定圖片的高度 */

background-size: 50% auto

background-size: 3em 25%

background-size: auto 6px

background-size: auto auto

/*多重背景，用逗號隔開，在CSS語法中凡語法後跟*或者#，都是可以無限重復的，但必須用逗號隔開。 */

background-size: auto, auto /* 請區別於background-size: auto auto*/

background-size: 50%, 25%, 25%

background-size: 6px, auto, contain

background-size: inherit

(2)web中背景圖片大小怎麼設置擴展閱讀：

背景重復：

如果需要在頁面上對背景圖像進行平鋪，可以使用background-repeat 屬性。

屬性值 repeat 導致圖像在水平垂直方向上都平鋪，就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復，no-repeat 則不允許圖像在任何方向上平鋪。

背景圖像將從一個元素的左上角開始。如下：

body
{
background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y;
}

背景定位：

可以利用background-position 屬性改變圖像在背景中的位置。

下面的例子在 body 元素中將一個背景圖像居中放置：

body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat; background-position:center;
}

為 background-position 屬性提供值有很多方法。首先，可以使用一些關鍵字：top、bottom、left、right 和 center。通常，這些關鍵字會成對出現，不過也不總是這樣。還可以使用長度值，如 100px 或 5cm，最後也可以使用百分數值。不同類型的值對於背景圖像的放置稍有差異。

3. 一般做網頁設計背景尺寸定多大

網頁的背景多大要看對網頁的要求的。

網頁設計標准尺寸：

1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612-615之間，就不會出現水平滾動條和垂直滾動條。

為了做到主題鮮明突出，要點明確，應該使配色和圖片圍繞預定的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

專業的網頁設計，需要經歷以下幾個階段：

需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，從而建立起營銷模型。

以業務目標為中心進行功能策劃，製作出欄目結構關系圖。

以滿足用戶體驗設計為目標，使用axure rp或同類軟體進行頁面策劃，製作出交互用例。

以頁面精美化設計為目標，使用PS、AI等軟體，調整，使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

根據用戶反饋，進行頁面設計調整，以達到最優效果。

以上內容參考：網路-網頁設計

4. 網頁背景圖片怎麼設置

1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息，如下圖所示：

設計注意：

1、配色問題 一個網頁的色彩最好不要超過3種，一面視覺效果混亂，用色柔和，對比度強的色彩不能應用於一般網站，時尚網站使用還可以。一般不好搭配的顏色，用灰度搭配。

2、字體問題

很重要的一個問題，用標准字標准色，這是一個規范，行距一般控制在20px左右，不要太小，也不要太大，自己大小注意，中文12px，英文11px或者10px。

3、布局規范

布局是非常重要的，考慮客戶瀏覽習慣以及他們想展現的內容，並且優化。一個網頁，如果布局不合理的話不但影響瀏覽，而且非常難看。

5. WEB開發如何讓button的背景圖片的大小自適應BUTTON的大小

如果你是要在button上面覆蓋圖片 是不能調節圖片大小的，你可以用img標簽來代替button的功能 這樣可以手動設置img的大小值。width和height屬性就行

6. html網頁製作中如何設置背景圖片（如何引用）

1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息：

7. word中背景圖片大小如何調整

1.打開word文件，選擇插入——插圖——圖片。

8. css問題:如何控制背景圖片的大小

1、css2中是無法控制背景圖片大小的，如果想實現這種效果，只能是更改圖片了。
2、css3中可以通過background-size來控制圖片的大小。
background-size屬性用法：

background-size: length|percentage|cover|contain;
1）length:設置背景圖像的高度和寬度。第一個值設置寬度，第二個值設置高度。如果只設置一個值，則第二個值會被設置為 "auto"。
2）以父元素的百分比來設置背景圖像的寬度和高度。
3）把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中。
4）把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內容區域。

具體示例可以參考：http://www.w3school.com.cn/cssref/pr_background-size.asp

9. 如果選擇一幅遠遠小於瀏覽器窗口大小的圖像作為web頁面的背景

選擇一幅遠遠小於瀏覽器窗口大小的圖像作為web頁面的背景的原因：
1、在body標簽中，使用bgcolor屬性設置背景顏色，語法「」。
2、圖像尺寸小於瀏覽器窗口，圖像將在整個瀏覽器窗口進行復制。
3、背景屬性將背景設置為圖像，屬性值為圖像的url。

10. web前端怎麼讓div大小剛好和圖片一樣大

在前端開發過程中，我們經常會遇到盒子大小跟圖片尺寸不匹配的情況，我們通常會通過以下幾種方式來解決。
1.通過採用裁剪圖片，根據div盒子設置的寬、高，來更改裁剪圖片的尺寸，使圖片適配div盒子。
2.設置div的具體寬高，圖片寬高分別設置為100%，代碼具體如下width:100%;height:100%。這種方式，也可以將圖片大小填充滿盒子。
3.如果圖片是網頁背景圖片，還可以通過設置div盒子內屬性background-size為cover，這種方式也可使圖片充滿盒子。
我們在實際運用中，可以根據不同情況來選擇不同圖片調整方式。