CSS表格鼠標放上去圖片縮小，可以提升網頁的交互性和美觀度。通過CSS代碼的操作，實現鼠標放上去圖片縮小的效果。

table {
border-collapse: collapse; /* 設置表格邊框合并 */
}
td {
position: relative; /* 設置td相對定位 */
}
img {
width: 100%; /* 設置圖片寬度為100% */
height: auto; /* 設置圖片高度為自適應 */
position: absolute; /* 設置圖片絕對定位 */
top: 0; /* 設置圖片上邊框距離為0 */
left: 0; /* 設置圖片左邊框距離為0 */
z-index: -1; /* 設置圖片z-index為-1 */
opacity: 1; /* 設置圖片透明度為1 */
-webkit-transition: all .2s ease-in-out; /* 添加webkit瀏覽器過渡效果 */
-moz-transition: all .2s ease-in-out; /* 添加moz瀏覽器過渡效果 */
-o-transition: all .2s ease-in-out; /* 添加opera瀏覽器過渡效果 */
transition: all .2s ease-in-out; /* 添加瀏覽器過渡效果 */
}
td:hover img {
opacity: 0.5; /* 鼠標放上去時設置圖片透明度為0.5 */
transform: scale(0.9,0.9); /* 鼠標放上去時設置圖片縮小 */
}

以上代碼中，首先設置表格的邊框合并，然后設置每個td相對定位。接著，設置圖片的寬度為100%，高度為自適應，絕對定位到td的左上角，z-index為-1。在hover偽類中，將圖片的透明度設置為0.5，同時對圖片進行縮小的設置。

經過以上的CSS代碼操作，便實現了鼠標放上去圖片縮小的效果，提升了網頁的交互性和美觀度。