网页设计的背景图如何平铺_html网页设计里面怎么平铺背景图片

1、在设计网页的过程中，想把一张图片放为那个网页的背景，该怎样做？

2、在网页设计中怎么让背景图片水平居中

background-image:url(/images/bg.jpg); /*背景图片*/
background-repeat:no-repeat; /*背景图片不重复*/
background-position:center top; /*水平居中，垂直顶对齐*/

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、网页设计中怎么让一张图片填充满整个画面求代码

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方法是要求图片不重复，但又得占满浏览器所采用的方法。

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

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

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

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

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

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

7、html网页制作中如何设置背景图片（如何引用）

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

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

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

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

网页设计的背景图如何平铺

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