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

i2byvkas  于 2023-02-14  发布在  其他
关注(0)|答案(3)|浏览(127)

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是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>
kmbjn2e3

kmbjn2e31#

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

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

第2列标题
如何

anauzrmj

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>
dldeef67

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>

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

相关问题