您好我正在使用 3px*10px 渐变图像来填充我想用这个图像填充完整的单元格并且我还想在单元格的内容增加时自动拉伸(stretch)图像..但是我不想要它重复,因为图像是渐变的,它看起来很难看。有人可以帮忙吗。
代码片段如下。
<html>
<head></head>
<body>
<table border=1>
<tr><td>a<td rowspan="9" style="background-image:url('images/bg_menu_hov.gif');background-repeat:no-repeat; height:100%;"> <td>b</tr>
<tr><td>c<td>d</tr>
<tr><td>e<td>f</tr>
<tr><td>c<td>d</tr>
<tr><td>e<td>f</tr>
<tr><td>c<td>d</tr>
<tr><td>e<td>f</tr>
<tr><td>c<td>d</tr>
<tr><td>e<td>f</tr>
</table>
<body>
</html>
最佳答案
根据图像,您需要设置 background-repeat不同。
拉伸(stretch)图像可能不是一个好主意。通常,您应该使渐变宽度或高度足以适合您的设计。将渐变淡化为与您设置的背景颜色相同的颜色是个好主意。
从您的图像大小 (3px*10px) 来看,我猜您需要将 background-repeat 设置为 'repeat-x'。
关于css - 如何用图像填充单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4947732/