css td背景图片 |css显示一行多出隐藏

table {
border-collapse: collapse;
}
td {
width: 100px;
height: 50px;
background-image: url(image.jpg);
background-size: cover;
}

通过以上的代码，大家可以看到，使用CSS中的background-image属性，大家可以将背景图片设置为url(image.jpg)。并且通过background-size属性，大家也可以控制图片的大小。

值得注意的是，如果大家想为表格中的某一行设置不同的背景图片，大家可以通过以下代码完成：

tr:nth-child(odd) td {
background-image: url(odd.jpg);
}
tr:nth-child(even) td {
background-image: url(even.jpg);
}

这里大家使用了CSS中的伪类: nth-child(odd / even)，来为奇数行和偶数行分别设置不同的背景图片。通过这种方法，大家可以使HTML表格更加丰富和有视觉冲击力。

总之，CSS中的td背景图片属性是一个非常有用的功能，可以让大家在HTML表格中快速简单地添加背景图片，从而让页面更加活泼生动。