導航:首頁 > 萬維百科 > 網頁設計怎麼平鋪圖片

網頁設計怎麼平鋪圖片

發布時間:2020-10-21 03:14:02

1、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屬性去掉,要不然會被遮住。

2、網頁設計背景圖片時怎麼使圖片不重復平鋪

.tabbg {
background-attachment: scroll;
background-image: url(images/tabbg.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

調用:class="tabbg"

注意:CSS代碼中的background-position: left bottom;就是定義背景圖片的位置為左下,可根據具體需要做調整,如右上right top;左上left top;右下right bottom;等等。

如果想不重復,背景圖要大點哦

3、網頁製作里背景怎麼平鋪填滿啊 還有沒有其他方法

是用一張圖片將整個屏幕鋪滿嗎?如果是的話:

1:用CSS3(對瀏覽器有要求)。
2:將背景圖片做的比瀏覽器窗口寬高大。
3:用fixed固定圖片,而不採用背景的方法(百度首頁背景圖片就是採用這種方法)。

4、網頁設計中使圖片平鋪的代碼是什麼?

背景平鋪的話

background:url(../images/.gif) no-repeat;

你只要加在css樣式里就可以了

5、網頁設計背景圖片怎麼設置成為平鋪?我設置網頁背景是總是幾張相同的圖片共同鋪滿,我想用一張鋪滿。

可以用css樣式來編輯的

選擇不重復,就是整張填充

6、(急)在網頁製作中,怎樣調整插入的圖片平鋪或者拉伸?

你最好把圖片切割成相應大小再放上去,拉伸會失真!
<img border="0" src="圖片地址" width="468" height="60">
上面是圖片插入的語句
width=寬度
height=高度

7、網頁設計中怎麼讓一張圖片填充滿整個畫面 求代碼

1、如果樓主只是將其當做一張圖片顯示,可以通過css控制,如img{width:100%;height:100%;}.
否則需要將其作為網頁背景的話可以試試如下方法:
2、如果這張圖片為背景圖片由於背景圖片不具有伸縮性,只能通過別的方法繞著解決,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,實現背景拉伸鋪滿整個瀏覽器,但其它的瀏覽器不支持。
這時可以拐個彎,設置兩層div,底層div當做背景使用,放置一張圖片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再將網頁內容放置到第二層上<div id="content">頁面內容</content>
3、網頁背景圖片默認情況下是重復平鋪滿整個頁面。上面2方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。

8、網頁設計中怎麼樣將背景圖片做成一張?而不是平鋪在瀏覽器中。

用css的屬性實現:
background-repeat:norepeat

9、怎麼使網頁中的背景圖片平鋪~!急

CSS設置背景圖片平鋪:
<style type="text/css">
<!--
body {
background-image: url(img/top04.jpg);
background-repeat:no-repeat;:repeat;repeat-x;repeat-y;
【在此設置,分別顯示背景為,不平鋪,平鋪,沿X軸平鋪,沿Y軸平鋪】
}
-->
</style>
解決辦法,圖片高寬設置合適後,使用background-repeat:no-repeat;

與網頁設計怎麼平鋪圖片相關的知識