導航:首頁 > 萬維百科 > 如何設計網頁中圖片大小

如何設計網頁中圖片大小

 發布時間：2020-10-17 15:59:00

1、在網頁製作中如何控制DIV居中顯示，用CSS怎麼控制背景圖片大小？

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的<style>標簽中，輸入css代碼：

body {text-align: center;background: url(small2.png); background-size: 60%;}

3、瀏覽器運行index.html頁面，此時成功通過css控制了div居中顯示，背景圖片的大小為60%。

2、如何製作自己想要的尺寸圖片

製作自己想要的尺寸圖片的具體步驟如下：

1、首先用美圖秀秀打開需要設置的圖片，進入到編輯頁面中。

2、然後點擊打開左下角「剪改尺寸」選項。

3、然後在彈出來的窗口中點擊取消打開「鎖定寬度比例」選項。

4、然後在彈出來的窗口中輸入想要的尺寸，點擊確定即可。

3、htmL中怎麼插入背景圖片如何設置背景圖片大小

CSS里設置這兩個參數：

背景圖background: url(/*圖片路徑*/) repeat-x/*平鋪方式*/;

尺寸:backgroun-size:100% 100%。

4、把圖片放到要製作的網頁中時，怎樣確保圖片與網頁大小相當

您是用DW製作嗎？直接插入背景圖片就可以了，它自動會鋪滿網頁的頁面的，如再不行可以QQ聯絡我哦
麻煩採納，謝謝!

5、網頁設計中邊框里的圖片如何控制其大小？

可以在css文件里設置圖片的長寬及圖片的浮動等各種特效。即用width、和height強制改變圖片的大小。如：
.a{background:url(tupian.jpg);width=20px;height=20px;} 說明：.a是類選擇器，調用時<標簽名 class="類名">（這里類名為a），url裡面是圖片的位置及名稱。width、height即強制改變的圖片的大小。
還有一種方式是可以藉助電腦的畫圖工具將圖片的大小改成目標大小，然後保存後也可以直接調用圖片。

6、關於網頁設計中圖片大小的問題

一張圖片若要以較好的速度打開，首先要有好的網速，如果圖片過大，可以在ps中進行切片處理。

「保存為web格式」中的圖片格式為「保存圖片」中的格式的一部分，「保存為web格式」中的圖片格式適合網上傳播，應為它提供了更多的保存參數。

7、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的，可能有以下原因導致不能平鋪：

1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個div，把其z-index值設為負，並使這個div大小為整個body大小，在div里用<img> ；
3、body的background屬性去掉，要不然會被遮住。

與如何設計網頁中圖片大小相關的知識