html中table单元格添加图片完全填充

css样式如下：

.table{
   
                display: table; 
                border-collapse: collapse;
                width: 400px;
                height: 200px;
            }
            .tr{
   
                display: table-row;
                height: 100px;
            }
            .td{
   
                display: table-cell;
                width: 100px;
                text-align: center;
                verti