表格标题背景图像垂直平铺
我有一个渐变图像作为表头的背景（9x18pix）。该图像是通过选择器类调用的。当标题内容增长到2行（垂直高度增加）时，背景图像垂直平铺并且看起来很难看。如何在不平铺的情况下垂直拉伸背景图像？
你无法拉伸它。好吧，如果没有一些令人讨厌的 CSS hack，这将无法真正在所有可用的浏览器中工作。我不会使用它们（除非您的 HTML 代码仅针对单个浏览器，例如，如果它是供内部使用的页面并且所使用的浏览器是已知的）。不过，您可以使其仅向一个方向重复。这就是您在使用渐变时通常想要的效果。
background-repeat: repeat-x;
这是一个示例图像：
这是使用它的 HTML 代码
<html>
<head><title>Gradient Test</title>
<style type="text/css">
th {
color:brown;
background-image:url(http://img222.imageshack.us/img222/6586/fillhz2.png);
background-repeat:repeat-x;
margin: 0;
}
</style>
</head>
<body>
<table>
<tr>
<th>One line</th>
<th>Three<br>lines<br>of text</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
</tr>
</table>
</body>
</html>
它会重复，但只会在一个方向上重复。通常梯度可以在一个方向内安全地重复，无需拉伸它。