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

網頁背景圖片設計

發布時間:2020-08-01 11:29:05

1、網頁背景圖片設置的代碼是什麼呢

1.(最普遍類) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

說明:以上代碼為網頁背景圖片固定代碼!網頁背景圖片固定代碼,這樣,當向下拉網頁時,網頁背景圖片不會跟著向上移動,達到不動的目的!

2.(綜合類)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 圖片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
說明:
no-repeat;(不平鋪)
改為這個repeat(平鋪)

2、網頁設計背景圖片

背景圖片不能拉伸,沒有這個功能,只能根據你表格的高度設計圖片高度

3、HTML網頁製作如何設計平鋪背景圖片

你好!你想知道HTML網頁製作如何設計平鋪背景圖片吧,這個問題很簡單喲!你首先要來了解CorelDRAW這個軟體喲!掌握它了自然也就懂得了在HTML網頁製作如何設計平鋪背景圖片了喲!這里也有幫你解決你問題的方法喲!請你點擊:http://www.win8.la/a/czxt/1774.html?1401004494

4、在網頁設計中怎麼讓背景圖片水平居中

background-image:url(/images/bg.jpg); /*背景圖片*/
background-repeat:no-repeat; /*背景圖片不重復*/
background-position:center top; /*水平居中,垂直頂對齊*/

5、網頁設計如何將一張圖片作為網頁背景圖片?

給裝圖片的div一張背景圖,比如下面代碼:
div{background:url(圖片路徑) no-repeat;background-size:100%;}
背景圖片百分百顯示,no-repeat意思是不重復顯示

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

7、網頁設計 背景圖片

在那個框架里圖片的長寬也做成100% 圖片要做大現在是600*400 把它做成1800*1200要不光是圖片沒辦法是 只有FLASH能實現

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

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;

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

10、正常網頁製作背景圖片應該多大?

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

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

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

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