在做网站时,怎么使一张图片的中间部分自动拉伸?但不要拉伸到一定

1.在做网站时,怎么使一张图片的中间部分自动拉伸?但不要拉伸到一定

按照我之前说的中间有缝隙？当原图不够长度的时候，也就是超过了这个的长度是吧？那你就不能按照我之前告诉的方法了，之后的这个方法可能相对麻烦点。

基本结构按我列了出来，外面的ul和里面嵌套的ul都需要浮动，float:left； 外面的ul的三个li第一个li，背景设置为，宽高一样需要你去设定，最后一个li，最好是用PS去截图，获得的右边，把圆角剪裁出来。 定义为第三个li的背景，宽高同样需要设定。

中间的li只设高度，用ps从宽图的中间随便截取一段，有1PX宽就够用，宽不设定，背景图片设为repeat-x 让图片水平方向循环。然后你在第二个li里嵌套ul，然后去里面写内容就好了。

如果里面只有一段文字，不用写成列表，那就用P标记也可以。随着中间标记长度增长，第二个li实现了自动拉伸，效果就达到了。