导航:首页 > 万维百科 > 网页设计怎么平铺图片

网页设计怎么平铺图片

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

与网页设计怎么平铺图片相关的知识