如何在HTML表格中设置单元格的背景？

Question

我想将HTML表格中单元格的背景设置为this。

• 除了使用图像作为背景之外，我有哪些选择？
• 这样有预定义的背景吗？也许点缀或对角线背景？
• 如果是图像背景，如果我事先不知道单元格的大小，我应该选择什么图像尺寸？如何使它重复，看起来不错？

欢迎任何HTML / CSS / Javascript / jQuery建议：）

Answer 1

  

除了使用图像作为背景之外，我有哪些选择？

CSS 3中可能存在浏览器支持非常有限的内容。

  

如果是图像背景，如果我事先不知道单元格的大小，我应该选择什么图像尺寸？

高度应该是从一条线的上边缘到下一条线的上边缘的距离。宽度应该是从一条线的左边缘到下一条线的左边缘的距离。

  

如何使它重复，看起来不错？

background-repeat: repeat; /* this is the default */

Answer 2

你必须使用背景图像。要使其平铺，您可以在CSS定义中使用repeat属性。

td .weird-background { 
    background-image: url('/background.gif');
    background-repeat: repeat;
}

Answer 3

由于您提到javascript输入是受欢迎的，我将添加您可以使用javascript在背景画布上绘制。

jQuery Background Canvas Plugin

Mozilla.org Canvas Tutorial

w3.org Canvas API

Answer 4

据我所知，除了使用背景图片之外别无他法。可能在CSS的未来版本中也有支持。