如何从CSS设置表格单元格填充?

Jér*_*nge 4 css html-table cellpadding

我正在努力解决给定HTML表格中的单元格填充问题(由Drupal生成).

表格如下:

在此输入图像描述

我尝试了以下方法:

.view-thumbnails-of-tips-and-tricks {
    padding: 10px 10px 10px 10px;  
}
Run Code Online (Sandbox Code Playgroud)

我想在单元格内容周围添加填充如下:

在此输入图像描述

不幸的是,填充物绕着桌子而不是细胞的内容.我怎么解决这个问题?

The*_*pha 10

.view-thumbnails-of-tips-and-tricks tr td {
    padding: 10px;  
}
Run Code Online (Sandbox Code Playgroud)