Мой CSS-отступ не работает с таблицами

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-position, возможно, в сочетании с background-repeat: no-repeat

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