css图片平铺样式 css 背景图平铺

html和css如何做到让一张图片铺满屏幕呢?

比如img id=bg src=bg.jpg/#bg{position：fixed；width：100%；height：100%；} 万维网上的一个超媒体文档称之为一个页面（外语：page）。

红安网站建设公司成都创新互联,红安网站设计制作，有大型网站制作公司丰富经验。已为红安1000+提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱，请找那个售后服务好的红安做网站的公司定做！

首先新建一个html文档。其次达到杭州机场后，设置一下HTML的框架，然后把图片设置在同一个文件夹里面。最后设置html和body的高度为100%，给背景添加背景图片，并设置background-size为100%即可将背景图片铺满。

需要在css中，可以将div的高度和宽度属性设置为100%，同时使用background-size属性设置背景图片为100%，便可以实现背景图片铺满屏幕。

最简单方法使用css0新增的一个属性background-size，代码如图。IE8以下不支持。打开浏览器查看效果如下：使用css代码如图。支持IE9+，IE 7/8：平铺效果支持，但是在小于1024px的屏幕下居中效果失效。

style type=text/css ！-- table { background-image： url(b6jpg)；height： 100px； width： 100px；} -- /style 用图像处理软件（如：Photoshop）“裁切”成需要的大小。

CSS如何设置背景图片水平重复和垂直重复：设置背景图片的水平平铺或者垂直平铺非常的简单，使用两端代码就可以了，代码如下：background：url(photo.gif) repeat-y；以上代码可以让背景图片在垂直方向上平铺。

如果背景是纯色，那就不存在平不平铺的问题，文字有多长，背景就有多长。

repeat-y：背景图像在纵向上平铺 repeat：背景图像在横向和纵向平铺 no-repeat：背景图像不平铺 round：背景图像自动缩放直到适应且填充满整个容器。

1、元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。background-repeat 属性设置是否及如何重复背景图像。注：默认情况下，背景图像位于元素的左上角，并在水平和垂直方向上重复。

2、如果需要在页面上对背景图像进行平铺，可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。

3、}div{ text-align：center；} 假设p在div内部，要让p居中先给外层元素设置text-align：center，这个意思是让div里面的内联元素居中，然后将p变成内联元素，即可。

lxm 19872006 的方法是可行的。

创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

你下载一下他们的网站上的图片，你会看到他们将很多小图片全部集成在一张图片上。

px 10px； float：left 以上都是按照你图像样式来做的，都是以图片布局形式，你可以参考一下。

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。

在默认状态下（或者说不做任何特殊的css设置的情况下），作为背景的图片都是不失真地进行平铺的啊。当然，我所理解的“不失真”是指图片的长宽比例保持不变，如果你有其他的解释请说明。

分享标题：css图片平铺样式 css 背景图平铺
URL链接：http://6mz.cn/article/dgpcpsj.html