导航:首页 > 万维百科 > 网页设计怎么把背景图片全屏

网页设计怎么把背景图片全屏

发布时间: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%。

与网页设计怎么把背景图片全屏相关的知识