重复背景纹理

Question

我正在尝试使用下面的图形，我想从右边重复继续在板上。我最好的选择是什么？

Answer 1

您可以将此图像作为css元素的背景并设置属性repeat-x。

background: url("paper.gif") repeat-x;

Answer 2

您可以使用background-position属性，如下所示：

body {
    background-image: url("http://i.stack.imgur.com/mIZCl.jpg");
    background-position: right 0;
    background-repeat: repeat-x;
}

http://jsfiddle.net/72p5h6hs/2/

Answer 3

重复背景可能看起来有点滑稽，所以作为替代方案，您可以使用background-size：cover来使图像拉伸整个屏幕宽度。

body {
  background-image: url("http://i.stack.imgur.com/mIZCl.jpg");
  background-size: cover;
}