拉伸图片的css样式 css图片横向拉伸

CSS中如何设拉伸背景图片铺满屏幕

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

主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、成都响应式网站建设公司、程序开发、微网站、小程序开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的网站设计制作、做网站、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体，具备承接不同规模与类型的建设项目的能力。

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

3、拉伸是可以做的，需要用到另外一个属性：css中设置背景图拉伸填充，在css1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat，repeat-x，repeat-y，no-repeat这些属性来控制背景图片的显示。

4、图片没有重叠，居中，并且...她太小了，无法占领全部的页面。很可惜，CSS2中并没有图片全屏拉伸的属性，所以我自己想了个办法。利用一个DIV层，在里面装载一个IMG标签。

在css中设置图片的背景图,怎么设置图片纵向拉伸

css中设置背景图拉伸填充，在css1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat，repeat-x，repeat-y，no-repeat这些属性来控制背景图片的显示。

background：url(../../config/img/Title.png) repeat-y；竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。

背景图尺寸（以图片自身大小来填充元素，即auto值）：程式码如下：background-size5{ background-size：auto；} /css 背景图片如何拉伸，不是平铺。

css设置一张图怎么拉伸填满整个窗口

能够拉伸填满整个窗口的技术是背景图，设计一个完美的背景图可以拉伸到整个页面。

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

p{background-size：100% 100%} 共有两个值，第一个值是宽度，第二个值是高度。如果只设置第一个值，则第二个值预设为auto。

% auto；} 纵向铺满，横向留有空隙或超出屏幕：body {background：url(图片路径) no-repeat center； background-size：auto 100%；} 补充说明：background-size属于css3，只有支持css3的浏览器才有效。