css背景平铺的三种模式，css 背景图平铺

怎么使网页中的背景图片平铺~!急

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

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

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

html网页设计里面平铺背景图片的代码如下： HTML网页设计 网页设计--根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。

桌面空白处，右键--修改化--桌面背景（在中下方），然后你会看到“图片位置”，按旁边的下三角，选择“拉伸”，你的图片就铺满桌面了。

相关问答

Q1: 网页基础之background样式介绍(一)

background-repeat 一共有四种方式，一般在设置了背景图片的时候使用。

background ：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样式。而仅仅一个background又具有多个子属性。

，背景颜色{background-color：数值}。2，背景重复{background-repeat：inherit|no-repeat|repeat|repeat-x|repeat-y}。3，背景固定{background-attachment：fixed|scroll}。

Q2: 背景平铺方式的值有哪些

background-repeat。css中可用background-repeat属性设置背景图的平铺方式，它有四个属性值，分别为：repeat：默认完全平铺背景；no-repeat：不平铺；repeat-x：横向平铺背景；repeat-y：纵向平铺背景。

background-repeat专门用于设置背景图像的平铺方式，一般有四个值，默认是repeat（平铺），no-repeat（不平铺），repeat-x（X轴平铺），repeat-y（Y轴平铺）。

border-image属性的平铺方式有3种：repeat、round、stretch。取值为repeat时，表示4条边的图片会不断重复，超出元素部分将会被剪切掉。取值为round时，表示4条边的图片会铺满。为了铺满，边框图片会压缩或拉伸。

background-repeat是针对背景平铺的属性设置，可选的值包含：代码如下：repeat 即默认方式，完全平铺背景；no-repeat 在X及Y轴方向均不平铺；repeat-x 横向平铺背景；repeat-y 纵向平铺背景。

Q3: css设置背景图片大小

CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

可以通过cover和contain来对图片进行伸缩。

index.html。在index.html中的标签中，输入css代码：body{background： url(image.jpg) no-repeat；background-size： 200px 200px； }。浏览器运行index.html页面，此时背景图片成功被设定为200*200。

Q4: css背景图不重复铺满

1、通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。通过CSS设置图片大小100%，效果如下，图片铺满窗口。

2、在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat；background-size： 100%}。浏览器运行index.html页面，此时成功设定背景图片等比例放缩到网页宽度。

3、比如一个容器（body，p，span）中设定一个背景。这个背景的长宽值在css1之前是不能被修改的。 所以实际的结果是只能重复显示，所以出现了repeat，repeat-x，repeat-y，no-repeat这些属性。就是用来控制背景图片的显示的。

4、设置背景图片，创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。

5、设置背景图像位置：使用CSS的background-position属性，将其设置为center，使背景图像始终在元素的中心位置。设置背景图像重复：使用CSS的background-repeat属性，将其设置为no-repeat，使背景图像不会重复。

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

把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

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

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

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

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

css背景平铺的三种模式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css 背景图平铺、css背景平铺的三种模式的信息别忘了在本站进行查找喔。