css样式让图片平铺 css设置图片平铺

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

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

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：国际域名空间、虚拟主机、营销软件、网站建设、普兰店网站维护、网站推广。

根据百度经验资料显示：html让一张背景图片铺满的步骤如下：添加样式 打开代码编辑器，为body标签添加一个样式。添加背景图片为bg样式添加一个背景图片。

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

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

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

前端小知识——图片平铺问题

首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

这样背景图片就会固定住，不会因页面滚动而重复。

首先在电脑里面将需要编辑的文档打开。打开文档之后，在文档里面选中图片，右键单击点击设置图片格式。进入到设置图片格式界面之后点击填充选项。

有些快记不住了。最好是用个循环句来设定，在三张图片之片，添加一个空的DIV块，并且设定这个DIV的高度。如果是行宽能固定的话，在三个图片显示之后，图片就自动换行，那么在添加一个有高度的DIV块也就可以实现了。

先进入IE--工具--internet选项--高级--显示图片前面打勾 网速太慢货网页本身有问题(如果上别的网页正常，那说明这个网页的图片链接有问题)推荐您使用腾讯电脑管家。

拉伸：图片不按比例缩放，而是根据屏幕显示分辨率拉伸。让一张图片就占满桌面。居中：图片处于水平线中间，也就是屏幕中间。

如何用CSS实现多张图片的平铺出现呢?

1、先写一个框，固定宽高，图片放里，就会自动排列，如果想调边距，就为每个图再加个小框，如果用了DIV，那就还要写上浮动。

2、lxm 19872006 的方法是可行的。如果 lxm 19872006 的方法不行，就加一句 repeat-xy，即： body { background： url(http：//pic.yupoo点抗 /mortalmethuselah/814615ed04aa/jf1wtrtq.jpg) repeat-xy；} 就一定行了。

3、如果图像位于 0% 0%，其左上角将放在元素内边距区的左上角。

4、用background-size属性，格式如下：background-size： length|percentage|cover|contain；length 设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。

5、既然你用的是绝对路径，那就不要在加上images/这东西了。

css怎么让一张图片适应任何屏幕大小的电脑平铺?

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

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

首先，打开html编辑器，新建html文件，例如：index.html。

根据页面设计情况选择相应的参数，方法就是设计背景size参数 background-size：cover ，适用于上半部分背景图片，下半部分纯色 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。

第一步：你的这个banner，要设计成左右两端可以与页面背景相融合的那种形式。比如左右两端都用了渐变透明，看上去与整个网页的背景融合在了一起。第二步：这个1000px的banner，在屏幕上居中显示。

css中使用图片做背景怎么让突变平铺整个页面?

用background-size属性，格式如下：background-size： length|percentage|cover|contain；length 设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。

您好，非常荣幸能在此回答您的问题。以下是我对此问题的部分见解，若有错误，欢迎指出。你好！css中有一个背景图片的属性可以解决这个问题哦 你可以尝试下：background-repeat no-repeat 这个属性哦。

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

lxm 19872006 的方法是可行的。

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

做1920宽度的背景；做100x100尺寸以内的小背景，通过background-image属性引入图片，使其上下左右循环重复，达到满屏效果，即四方连续。