我的CSS填充不适用于表tds

Question

我有以下CSS：

#numpad table td
{
padding: 6px;
text-align:center;
width:80px;
height:80px;
color:#000;
font-size:larger;
background-image: url("images/button.png");
}

但由于某种原因，它没有在我的button.png图像之间添加任何填充。我也试过margin:6px。

Answer 1

padding不会在背景图片之间添加空间，您需要margin。但是margin对表格单元格不起作用。也许对图像使用img标签，然后在表格单元格上填充就可以达到你想要的效果。

这将适用于表格单元格的填充：

<td>
 <img src="images/button.png" alt="nice button" />
</td>

Answer 2

尝试背景位置，可能与background-repeat：no-repeat

结合使用

http://www.w3schools.com/cssref/pr_background-position.asp