css 如何给表头th单元格添加背景图片[已关闭]

i2byvkas 于 2023-02-14 发布在其他

关注(0)|答案(3)|浏览(125)

- 已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic，但这个问题的解决方式不太可能帮助未来的读者。
8小时前关门了。
Improve this question
我有一个html格式的表，我想为表的每个<th>添加不同的背景图像，但是没有出现背景图像
我试着用下面的方法添加

<tr>
  <th>Test table header</th>
  <th style="background: url("external url");" >Column 1 header <br/>How to</th>
  <th style="background: url("external url");" >Column 2 header <br/>How to</th>
</tr>

但是图像没有出现。也尝试了下面的替代项

<th style="background-image: url("external url");" >Column 1 header <br/>How to</th>

css

来源：https://stackoverflow.com/questions/75437670/how-to-add-background-image-to-a-table-header-th-cell

3条答案

按热度按时间

kmbjn2e31#

使用'而不是“应该可以工作

<th style='background: url("external url");' >Column 2 header <br/>How to</th>

第2列标题
如何

赞(0）回复(0）举报 2023-02-14

anauzrmj2#

尝试用单引号而不是双引号来引用外部网址，因为你的样式参数已经使用了双引号：

<tr>
  <th> Test table header </th>
    <th style="background: url('external url');" >Column 1 header <br/>How to</th>
 <th style="background: url('external url');" >Column 2 header <br/>How to</th>
</tr>

赞(0）回复(0）举报 2023-02-14

dldeef673#

应该使用background-image: url(external url);，不带引号：

<table>
  <tr>
    <th style="background-image: url(https://i.imgur.com/Q9GFjaY.jpeg);">Column 1 header <br/>How to</th>
    <th style="background-image: url(https://i.imgur.com/xohARva.png);">Column 2 header <br/>How to</th>
  </tr>
</table>

如果你还是看不见也许你的细胞应该再大一点

赞(0）回复(0）举报 2023-02-14

我来回答

css 如何给表头th单元格添加背景图片[已关闭]

3条答案

相关问题

热门标签

最新问答