Как объединить ячейки строки таблицы в один элемент для применения им свойства css?

Добрый вечер. Суть вопроса изъяснил в заголовке.

Есть таблица:

<table>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
</table>

Мне нужно объединить некоторые td, для того, чтобы применить тени, например вот так:

<table>
<tr>
<div><td>1</td><td>2</td></div><td>3</td><td>4</td>
</tr>
</table>

Но, так не получается. Применить тени отдельно каждой ячейки тоже не вариант, так как тени накладываются на предыдущую ячейку, z-index не спасает. Куда копать?