HTML代码背景图平铺怎么做？
平铺是指在网页背景中，对一幅
图片进行多次重复铺满整个背景。在HTML中如何实现这个
效果呢？这里介绍一下使用CSS的
方法。
步骤：
1.首先，我们需要在CSS中指定要使用的背景
图片。
代码如下：
````
body {
background-image:url("background.jpg");
}
````
2.然后，在CSS中加入以下
代码，让
图片平铺：
````
body {
background-image:url("background.jpg");
background-repeat: repeat;
}
````
可以看到，我们在
代码中
添加了
一个新的
属性：background-repeat。这个
属性可以接受以下的值：
① repeat：也就是说，
图片将水平和垂直方向上多次平铺。
② repeat-x：仅在水平方向上平铺。
③ repeat-y：仅在竖直方向上平铺。
④ no-repeat：不铺设，仅出现
一个图片。
在这个例子中，我们设置为repeat，
图片就会在背景上平铺了。
需要注意的是，
默认情况下背景
图片是从网页的
左上角开始平铺的，如果你希望
图片从别的位置开始，你还需要
加上background-position
属性，如：
````
body {
background-image:url("background.jpg");
background-repeat:repeat;
background-position:center top;
}
````
这样，
图片就会从背景居中铺设。
简单说一下：background-position
属性指定背景
图片的起始位置，因而需要
一个水平坐标（left,center,right）和
一个垂直坐标（top,b
ottom）。
3.最后，如果你想让背景
图片固定在浏览器窗口而不是随着文档滚动，可以
加上以下
代码：
````
body {
background-image:url("background.jpg");
background-repeat:repeat;
background-attachment:fixed;
}
````
这样，背景图将不会随着
页面的滚动而滚动，而是停留在浏览器窗口右上角。
总结：
使用CSS实现HTML背景
图片平铺，只需要三步：
1.设置背景
图片
2.设置
图片平铺方式
3.设置
图片起始位置和附加性。
简单明了，实践起来也不难。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
