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

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样式。