桌的背景图象

时间:2010-04-04 09:48:36

标签: html css tags css-selectors

我们如何将图片整合为桌子的背景图片..

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

谢谢..

4 个答案:

答案 0 :(得分:5)

您是否在询问如何将背景图像指定给表格?与任何其他HTML元素一样。

在CSS中:

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

在HTML中:

<table class="mytable">

参考:

background-image property at w3schools

请参阅该页面了解其他参数background-repeatbackground-position

答案 1 :(得分:0)

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

答案 2 :(得分:0)

继Pekka的例子之后。

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

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

如果您将类属性应用于<td class="myClass">,则可以向单个单元格添加自定义背景。

答案 3 :(得分:0)

inline css like - style =“background-image:url(your_image.gif);” - 不是很好。

在我看来,把bg放到桌子的最佳方式是;

html:table&gt; tr> td.wide

css:table tr td.wide {background:#ffffff url(/images/bg.png)repeat;}