在网页开发中，CSS背景图是非常常见的一种元素。由于背景图可以为网页增加一定的美观度和个性化，因此在网页设计中得到了广泛的应用。但是有时候我们会遇到一些问题，比如背景图不够长或宽，需要按照实际需求进行延长。下面我们就具体介绍一下CSS背景图如何进行延长：
/*CSS代码*/
background-image:url("图片地址");
background-repeat:repeat-x;
background-size:100% auto;
上面的代码中，background-image是我们要设置的背景图地址，background-repeat属性表示重复方式，"repeat-x"代表横向重复，"repeat-y"代表纵向重复。background-size用于控制背景图大小，100%代表宽度为100%，auto代表高度自适应。
如果我们想要让背景图在横向上进行延长，将宽度设置为100%即可。而如果想要在纵向进行延长，就需要使用背景图自带的特性。为了使背景图能够延长，在设计背景图时必须要留下一定的空白区域。然后在CSS中将背景图的高度设置为绝对值或百分比就可以了。
/*CSS代码*/
background-image:url("图片地址");
background-repeat:repeat;
/*或者省略不写*/
background-size:auto 100%;
上面的代码使用了background-size:auto 100%将背景图的高度设置为100%，就可以使背景图在纵向上进行延长。而需要注意的是，如果背景图高度本身就比内容区域高，那么即使设置为100%，背景图也不会再进行延长了。
以上就是CSS背景图进行延长的方法。在实际开发中，我们需要注意背景图的大小和重复方式。尤其是在对于需要进行纵向延长的背景图，需要在设计时留出一定的空白区域才能正确进行延长。希望对于大家有所帮助。
