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

網頁設計背景圖片平鋪

 發布時間：2021-01-01 09:59:01

1、html 怎麼讓背景圖鋪滿整個頁面

我自己試出來的，希望有用
例子，用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>

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

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;

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

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

.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;等等。

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

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

背景平鋪的話

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

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

6、用Dreamweaver8設計網頁，怎樣使背景圖片鋪滿全屏？

在body裡面設背景，
body{ background:url(圖片地址) 0 0 repeat;}

但是圖片會向X，Y兩邊拉伸，如果圖片尺寸較小會很補美觀；
推薦方案：1.背景圖片的尺寸做的盡量大一點
2.背景圖片的外面可以做成漸變到某個色系，然後body設置背景色
body{ background:#000 url(圖片地址) 0 0 repeat;}

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

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

可以用css樣式來編輯的

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

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

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

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

10、CSS中如何設拉伸背景圖片鋪滿屏幕

#bg{
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}

擴展資料：

url(images/beijing.png)——圖片路徑的位置；

no-repeat—— 圖片不重復；

center 0px——center是距離頁版面左邊權的定位，0px是距離頁面上面的定位；

background-position: center 0——就是圖片的定位，同上；

background-size: cover;——把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中；

min-height: 100vh;——視窗的高度，「視區」所指為瀏覽器內部的可視區域大小，即window.innerWidth/ window.innerHeight大小。

與網頁設計背景圖片平鋪相關的知識