css怎么将背景图片平铺，css怎么将背景图片平铺起来

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

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

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

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

取值：length：由浮点数字和单位标识符组成的长度值。不可为负值。percentage：取值为0%到100%之间的值。不可为负值。说明：设置背景图片的大小。指定背景大小，以象素或百分比显示。

相关问答

Q1: 急!!如何用css实现背景图片纵向平铺???

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

未解决背景纵向平铺CSS DIV案例 - TOP DIV CSS案例描述首先对body设置一个背景图片（bg.gif）从上到下平铺，设置一个div盒子宽度为274px，高度为200px；div背景颜色为蓝色。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat；background-size： 100%}。

是一整张大图，尺寸和区域大小刚好吻合 一个很小的条状图，通过repeat后，形成一个很规则的大图背景。css3出现以后，可以用background-size 属性来实现背景图拉伸填充。

你先套一个div。将图片设置为这个div的背景，同时设置背景图片，横向平铺和纵向平铺。你可以把div的宽度固定。高度自适应。然后，你可以在div里面添加内容。呵呵。添加什么添加多少都没问题了。

Q2: css如何让背景图全屏显示css如何让背景图全屏显示出来

1、02 03 给body标签指定背景图，这样背景图就可以填充整个浏览器viewport了。其实，该方案对所有的块级容器都可以生效。块级容器的宽高是动态的，那么背景图将自动伸缩，充满整个容器。

2、操作如下 使用CSS设置图片所在DIV的宽高为百分之百。使用background–size：cover；样式设置图片全屏并随屏幕缩放。

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

4、火狐狸中的效果：这样，我们实现了固定居中且自动拉伸全屏的背景图片，不过她是一个层，所以当用户在页面空白处右键的时候，显示的就是图片的信息，这可能会让用户感觉不方便。

Q3: ...图片作为背景,但背景图不够页面大,我想背景图平铺到整个页面而不要...

打开word文档，然后拖入一张自己喜欢的图片，如图所示。 接着在布置选项中，把图片设置为【衬于文字下方】，如图所示。 按住【SHIFT】键，把图片向外拖动，调整好和页面大小即可，如图所示。

创建新文档，单击“插入”，然后单击“图片”按钮弹出“插入图片”对话框。选择图片并单击插入，图片将被插入文档。此时，图片被选中。鼠标点住图片，把图片移到页面的左上角。

，在ps中新建画布，然后点击左上角的“文件”菜单。2，点击之后，在弹出的菜单中选择“置入”，来置入一张图片。3，点击置入后，在弹出的窗口中，选择要作为背景的图片。选中后，再次点击右下角的“置入”。

点击WPS软件图标，启动软件后点击菜单栏“文件”，在下拉列表点击“新建”，创建一个新的文档。在新文档中点击菜单栏“页面布局”，然后选择下面工具栏里的“背景”选项，如下图所示。

Q4: CSS和DIV怎么铺满背景颜色?

要解决页面背景颜色未铺满的问题，可以尝试以下几种方法：使用overflow属性：在包含transform属性的元素上添加overflow属性，并将其值设置为hidden，这可以使元素的背景颜色完全填充。

我们首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。

给div添加一个class，比如div class=content/div，然后在css文件里写上：.content{width：600px；height：400px；background：red；}就可以了。

给div容器设置背景颜色的方法如下：假设需要设置背景颜色的div的ID为box，则css可以这样写：#box{background-color：#fff；}。这样的话这个div容器的背景颜色就被设置成了白色。

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

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

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

步骤首先打开需要修改的HTML文件。步骤然后始化样式，将代码添加在标签内。步骤添加一个p容器，然后命名为bg-box步骤背景全屏需要容器全屏，将bg-box的样式补全。步骤设置完毕，图片背景以及全屏了。

通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。

html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下：首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。

新建一个html文档。设置一下HTML的框架，然后把图片设置在同一个文件夹里面。加入，这样可以有样式设置。因为背景设置在主体，所以还要定义为body{}。background-image：url(图片)，这个是添加图片的意思。

关于css怎么将背景图片平铺和css怎么将背景图片平铺起来的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。