桌子的背景图像

Question

我们如何将图片集成为表格的背景图像..

  <table>
  <tr>
  <td><textarea>Some data here.....</textarea>
  </td>
   <td></td>
  </tr>
  <tr>
  <td><textarea>Some data here.....</textarea>
  </td>
   <td></td>
  </tr>

谢谢..

Answer 1

您是否想问如何为表格分配背景图像？就像任何其他 HTML 元素一样。

在 CSS 中：

table.mytable
 { background-image: url(your_image.gif); }

在 HTML 中：

<table class="mytable">

参考：

w3schools 的背景图像属性

请参阅该页面了解其他参数

background-repeat

和

background-position

。

Answer 2

table {
    background-image: url(/images/foo.png);
}

Answer 3

遵循佩卡的例子。

table.mytable td
 { background-image: url(your_image.gif); }

可以让你在每个单元格中放置背景图像

如果您将类属性应用于

<td class="myClass">

，则可以向各个单元格添加自定义背景。

Answer 4

内联CSS，例如 - style="background-image: url(your_image.gif);" - 不太好。

在我看来，将 bg 放到表中的最佳方法是；

html：表> tr > td.wide

css : 表 tr td.wide{背景:#ffffff url(/images/bg.png) 重复;}