網頁設計更改背景圖片大小_網頁製作背景圖片大小如何設置

1、網頁設計中如何把背景圖片自由設置大小？

你用php還是asp還是靜態的，網路下代碼，設置下

2、一般做網頁設計背景尺寸定多大？

網頁的背景多大要看對網頁的要求的，
網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K

3、html如何設置圖片大小

html插入圖片有兩種方式：一種是通過<img>標簽插入的正常的圖片，另一種是通過css樣式插入的背景圖片。

問題分析：

1、首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度。

2、如果你插入的圖片是通過<img>標簽的方式來插入的話，可以通過<img>自身的屬性控制圖片大小，代碼格式是：<img src="圖片路徑" width="圖片寬度" height="圖片高度"/>。

3、如果非要通過css控制背景圖片的大小，可以通過background-size樣式來實現，具體的css格式是：background-size:寬度高度; （如下圖所示）。

(3)網頁設計更改背景圖片大小擴展資料：

1、background 是用於在一個聲明中設置所有背景屬性的一個簡寫屬性。

格式: background: {屬性值}

繼承性: NO；

可能的值：

background-color（背景顏色）

background-image（背景圖片）

background-repeat（背景拉伸方式）

background-attachment（固定或者隨著頁面的其餘部分滾動）

background-position（背景定位）

新增的值：

background-clip（規定背景的繪制區域）

background-origin（相對於容器中來定位背景圖像）

background-size （背景圖像的大小）

參考資料：

網路-background

4、網頁製作背景圖片大小如何設置

如果你圖片實在太小的話只能以小圖片鋪滿整個頁面的哦。

方法：

1、「頁面屬性」，把背景圖片改為你的圖片

2、在<head></head>之間加代碼：

<style type="text/css">

</style>

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

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

2、然後填寫自己的網頁內容，設置一下樣式，直接在body後面加上background="圖片名字"即可插入圖片：

3、最後來到瀏覽器，刷新一下網頁，這樣就會顯示背景了：

6、設計網頁的時候如何在css樣式中控制背景圖片的高度？

你上面的抄代碼是復制自己的貼上來的話一看就出錯了height:5px}; 分號怎麼跑外面去了？？
.line{
background:url(line_1.jpg) repeat-x;
height:5px;
}
background的部分可以簡寫的

7、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

(7)網頁設計更改背景圖片大小擴展資料：

背景重復：

如果需要在頁面上對背景圖像進行平鋪，可以使用 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，最後也可以使用百分數值。不同類型的值對於背景圖像的放置稍有差異。

8、正常網頁製作背景圖片應該多大？

1、背景最好是能夠做到自動延伸，現在的顯示器是越來越大，解析度也慢慢的變大了，現在用1600*900解析度的也不少，我的就是，當然也有人用1280*768、1024*768等，所以網頁設計的背景一般是不會設計成固定尺寸的，你可以做成可循環平鋪的圖片或者漸變顏色，直接是一種顏色那就更方便了；

2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸，就拿現在這個百度知道的頁面距離，中間的主體部分無論是瀏覽器怎麼伸展，主體內容的寬度是保持不變的，我查看了一下css代碼，這個主體框架的寬度是980px；

3、你設計的時候把主體部分設置成980-1000px就差不多了，畢竟現在使用1024*768解析度以下的人已經畢竟少了。

9、網頁設計背景圖片大小設置問題

想要圖片適應單元格的大小，就設置單元格為固定寬高，並且設置溢出為隱藏就行，然後通過設置背景圖片的位置就能達到目的，代碼如下：
td{background:url(img/demo.jpg) #000 repeat center center;overflow:hiddem;}
想要沒有多餘的完全顯示一個圖片，只能讓圖片的大小和單元格的大小完全相同才行

導航:首頁 > 萬維百科 > 網頁設計更改背景圖片大小

網頁設計更改背景圖片大小

與網頁設計更改背景圖片大小相關的知識