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

网页设计背景图片平铺

 发布时间：2021-01-01 09:59:01

1、html 怎么让背景图铺满整个页面

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

2、怎么使网页中的背景图片平铺~！急

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;

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

4、网页设计背景图片时怎么使图片不重复平铺

.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;等等。

如果想不重复，背景图要大点哦

5、网页设计中使图片平铺的代码是什么？

背景平铺的话

background:url(../images/.gif) no-repeat;

你只要加在css样式里就可以了

6、用Dreamweaver8设计网页，怎样使背景图片铺满全屏？

在body里面设背景，
body{ background:url(图片地址) 0 0 repeat;}

但是图片会向X，Y两边拉伸，如果图片尺寸较小会很补美观；
推荐方案：1.背景图片的尺寸做的尽量大一点
2.背景图片的外面可以做成渐变到某个色系，然后body设置背景色
body{ background:#000 url(图片地址) 0 0 repeat;}

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

8、网页设计背景图片怎么设置成为平铺？我设置网页背景是总是几张相同的图片共同铺满，我想用一张铺满。

可以用css样式来编辑的

选择不重复，就是整张填充

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

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

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

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

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