其实一般你将一张图片作为背景时，会默认为平铺，所以不需要刻意去设置，相反如果我们不想图片平铺那么这时就需要设置为norepeat这时图片就会按原来的尺寸显示2如果图片过小，那么图片平铺就会出现重复的地方，其实和把；网页的某些装饰可以通过背景图片来渲染，使得网页更加美观，CSS设置背景图片，不仅仅是大小，还有位置，放大方式，透明化之类都是必备的CSS技能层叠样式表英文全称Cascading Style Sheets是一种用来表现HTML标准通用标记；CSS使网页背景图片居中的三种方法1第一种用像素设定，很多都用这种，但是也是最麻烦的2第二种用50%设定，很方便3第三种用center设定注第2个center可以省略，因为默认就是center；如何设置网页的背景图片1首先，打开Atom编辑器导入项目文件夹，首先创建一个indexhtml文件定义html文件的主要信息，如下图所示2然后填写自己的网页内容，设置样式，添加背景=styletype=quottextcssquot！bodyback；backgroundrepeat norepeat * 不平铺 * 然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性backgroundsize 100%轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽。

2新建文件完成之后，写入一个div代码操作，如图所示3写入div代码之后，引入一个css样式，如图代码操作所示4引入样式代码之后，打开引入的css文件，如图所示5在新引入的css文件中，写入css背景图片代码即可，如图；前边说的好给力，你这个css的意思简单来说就1句话，设置背景图片的重复样式为不重复，也就是说背景图片不平铺，只显示一张；bodybackground#FFF url背景图片地址 norepeat 50% 0 norepeat不重复 50% 0水平位置 垂直位置 水平50%既居中，垂直0px center center也可。

大概明白了你的意思，但是按你想的是基本不可能的，但是可以用给别的方法来代替首先，你把上半部分图片假设高100px作为body里面的内容，作为img标签或者新建一个div的背景都可以，然后把下半部分图片假设叫bgjpg；通过cssbackgroundimage语句设置背景backgroundimage 属性会在元素的背景中设置一个图像根据 backgroundrepeat 属性的值，图像可以无限平铺沿着某个轴x 轴或 y 轴平铺，或者根本不平铺初始背景图像原图像；norepeat是针对背景图来说的意思就是当你设置了norepeat这个属性后，你的背景图将不会被重复，再换一种说法，你在网站上所看见的背景图就是你所增加的图， 不会出现平铺或重复的现象；第一个给css文件添加背景图片使用urlimages背景图片2jpg在css中，由于html文件和css文件的相对位置不同，内联css和导入css中引入图片的路径会有所不同如图所示第二介绍如图所示第三种在div中添加图片。

2将测试图片显示在浏览器界面上，效果如下3通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口4通过CSS设置背景图片不重复，此时，图片将不能铺满窗口5通过CSS设置图片大小100%，效果如下，图片铺满；比如一个容器body，p，span中设定一个背景这个背景的长宽值在css21之前是不能被修改的 所以实际的结果是只能重复显示，所以出现了repeat，repeatx，repeaty，norepeat这些属性就是用来控制背景图片的显示的所以；3第一步，执行完上面的操作之后，设置背景图片样式，在右边的lttitle标记之后创建一个ltstyle标记，然后在该标记中设置ltbody标记的背景图像，并且不会重复该背景图像，见下图，转到下面的步骤4第一步，执行完上面的；Background 背景色 Background Image 选取你的背景图 Reapeat 背景图是否重复，其中选norepeat为不重复，repeat为重复，repeatx和repeaty分别为只在X和Y方向重复Attachment 背景图位置，fix为背景图位置固定不；3设置背景图片样式在lttitle标签后面创建一个ltstyle标签，然后在这个标签里设置ltbody标签的背景图片，以及背景图片不重复4保存html代码后使用浏览器打开，这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的。