如何将图像的边缘像素重复为无穷远？

Question

此图片说明了什么我想：

当然，我可以在Photoshop中实现这一点，但我希望它无限宽的工作，所以这就是为什么我希望能够做到这一点通过CSS或JavaScript。

这怎么办？

Answer 1

打开图像编辑器。

将图像裁剪到您想要的1px。

插入为background-image，风格为repeat-X。

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-repeaty

编辑1

主要基于以下答案：

put background image in center and repeat last pixel to left and right

你可以尝试border-image-source风格。