Question

如果我有一个背景图像，比方说，宽度为20像素，我希望它的宽度为40像素（但在photoshop中调整不会像我想要的那样）。

如何更改宽度？

body {
    background-color:#5b7c8a;
    background-image:url('images/diagnol.png');
    background-repeat:repeat-y;
    margin:0;
}

从图像中可以看到它是对角线，

和间距就像我想要的那样。编辑图像可能会弄乱间距。所以我试图让身体的背景覆盖区域更多一些？现在图像宽度为6px。我希望它显示为20px宽度，就好像图像在20px div中的repeat-x-y中一样？（所以不要拉伸图像，只是在图像上获得更多的基础）？

我希望这是有道理的＆gt; ＆LT;

Answer 1

“在photoshop中调整不会像我想的那样工作”

CSS不是图像编辑软件。在Photoshop中你只需要去图像＆gt;图像大小和比例如您所愿。或者花点时间学习使用Photoshop的基础知识来获得想要的效果。你只需要不要害怕并试验每个工具，直到你得到你想要的东西，因为你可以明显地消除不良影响。

CSS方式是可行的，但它并不适用于这种情况，也不会跨浏览器友好。它很少用于典型的网站，所以幸运的是我不会鼓励它。祝你好运。

Answer 2

我相信对OP的要求存在误解。

如果我做对了，看看这个例子：

将#text视为body，将.this_div视为您需要在其中创建的元素。

基本上你创建了一个新的元素，你可以在所有方向上重复背景，但你只需要限制该元素的宽度。

另一种方法： http://jsfiddle.net/vYxza/1/ - 这实际上是我最喜欢的方式。

请再次注意..如果您想在体内使用它......将.this_div视为html并将#text视为body