導航:首頁 > 萬維百科 > 網頁設計怎麼把背景圖片全屏

網頁設計怎麼把背景圖片全屏

發布時間:2020-12-12 02:13:39

1、網頁製作網頁中,如何讓背景圖片在任何電腦顯示頻上看都是滿屏,寬度剛好的?(沒有左右滾動條的)

css代碼:
background-repeat:repeat;

background-repeat是針對背景平鋪的屬性設置,可選的值包含:
repeat 即默認方式,完全平鋪背景;
no-repeat 在X及Y軸方向均不平鋪;
repeat-x 橫向平鋪背景;
repeat-y 縱向平鋪背景。

2、我是做網頁設計的 在做div+css時需要有一張背景圖全屏顯示作為網頁的背景圖片怎麼可以辦到

這個就需要背景圖片做的很大了,必須得照顧到現在市場上的一些主流以及非主流解析度的顯示器,如果不想做很大的圖片也可以投機取巧,講背景圖片的邊緣透明,或者向某一種單色過渡,然後背景色設置為這個單色即可。背景圖片的位置設置靠左上角就行。

3、網頁製作怎麼讓背景圖片占滿整個屏幕

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>窗口背景變化</title>
<style type="text/css">
*{margin:0;padding:0;}
#bg{
position:absolute;
top:0px;
left:0px;
z-index:-999;
}
</style>
</head>
<body>
<div id="bg"><img src="http://www.wallcoo.com/ad/Korea_Besti_Belli/images/jihyun-bestibelli06.jpg" alt="HIGH"></div>
<input type="text" id="msg" name="msg" size="50"/>
<script type="text/javascript">
window.onresize = window.onload = function(){
var w,h
if(!!(window.attachEvent && !window.opera))
{
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
h = window.innerHeight;
w = window.innerWidth;
}
document.getElementById('msg').value ='窗口大小:' + 'width:' + w + '; height:'+h;
var bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
bgImg.width = (w - 5);
bgImg.height= (h-5) ;

}
</script>
</body>
</html>

背景圖片自適應窗口大小

4、用Dreamweaver8設計網頁,怎樣使背景圖片鋪滿全屏?

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

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

5、網頁設計中DW內如何使圖片全屏顯示,不是指當背景

你可以把該圖片寫在CSS裡面,表層就可以做其他的。

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

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(平鋪)

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

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

8、在設計網頁的過程中,想把一張圖片放為那個網頁的背景,該怎樣做?

<style type="text/css">
body{ background-image:url(img/2.jpg); background-repeat:no-repeat;}
</style>
img/2.jpg這個換成你的圖片地址
把這段代碼放到<head>和</head>之間

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

CSS里設置這兩個參數:

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

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

與網頁設計怎麼把背景圖片全屏相關的知識