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

网页设计中的背景图片怎么平铺

发布时间:2021-03-10 07:24:51

1、网页怎么让背景图片平铺?

<style type="text/css">
body
{
background: url('smiley.gif') no-repeat fixed center;
}
</style>
把url里面的东西设置成你自己的图片就可以了
你说的平铺是由歧义的,如果按照Windows显示内属性的定西,其实HTML背景默认就是平容铺,我想你的意思大概是拉伸或者居中。。。

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、html 怎么让背景图铺满整个页面

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

4、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属性去掉,要不然会被遮住。

5、HTML 中用background添加的图片怎么才能平铺在网页上

我想你的意思是把背景图
拉伸铺满整个网页吧?我只能说
background(背景图)是不能拉伸的,你可以找几张合适的图
拼在一起(效果好得多),也可以选着纯色的图片
纵、横平铺
也就是重复(横向平铺:background-repeat:
repeat-x;
纵向平铺:background-repeat:
repeat-y;

6、网页中插入的图片怎么平铺?

如果你的图片是作为背景,在图片的宽度或者长度不够的时候,它会自动重复图片,平铺开,填满整个空间。另外:“background-repeat:no-repeat;”不要背景平铺,background-repeat:repeat-x;这是水平平铺,background-repeat:repeat-y;这是垂直平铺。
<!--默认的水平和垂直都平铺-->
<table align="center" width="100%" height="100px">
<tr>
<td width="100%" style=" background:url(3.gif)">
你的内容
</td>
</tr>
</table>
<br />
<!--只有水平平铺-->
<table align="center" width="100%" height="100px">
<tr>
<td width="100%" style=" background:url(3.gif) repeat-x" valign="top" >
你的内容
</td>
</tr>
</table>
<br />
<!--只有垂直平铺-->
<table align="center" width="100%" height="100px">
<tr>
<td width="100%" style=" background:url(3.gif) repeat-y" valign="top" >
你的内容
</td>
</tr>
</table>
<br />
<!--无平铺,可以调节背景图片的大小来使它正好填充背景-->
<table align="center" width="100%" height="100px">
<tr>
<td width="100%" style=" background:url(3.gif) no-repeat" valign="top" >
你的内容
</td>
</tr>
</table>

要是你不做背景,要的是整张图片铺开,不要重复,那么就设图片的长宽比例都为100%,如:
<table align="center">
<tr>
<td width="200px" height="20px">
<img src="1.bmp" width="100%" height="100%"/>
</td>
</tr>
</table>
但是这样可能会使图片变形,建议用PS将图片改成自己想要的大小再使用

7、网页制作里背景怎么平铺填满啊 还有没有其他方法

是用一张图片将整个屏幕铺满吗?如果是的话:

1:用CSS3(对浏览器有要求)。
2:将背景图片做的比浏览器窗口宽高大。
3:用fixed固定图片,而不采用背景的方法(百度首页背景图片就是采用这种方法)。

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、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大小。

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