CSS表格鼠標(biāo)放上去圖片縮小，可以提升網(wǎng)頁的交互性和美觀度。通過CSS代碼的操作，實(shí)現(xiàn)鼠標(biāo)放上去圖片縮小的效果。

table {
border-collapse: collapse; /* 設(shè)置表格邊框合并 */
}
td {
position: relative; /* 設(shè)置td相對(duì)定位 */
}
img {
width: 100%; /* 設(shè)置圖片寬度為100% */
height: auto; /* 設(shè)置圖片高度為自適應(yīng) */
position: absolute; /* 設(shè)置圖片絕對(duì)定位 */
top: 0; /* 設(shè)置圖片上邊框距離為0 */
left: 0; /* 設(shè)置圖片左邊框距離為0 */
z-index: -1; /* 設(shè)置圖片z-index為-1 */
opacity: 1; /* 設(shè)置圖片透明度為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; /* 鼠標(biāo)放上去時(shí)設(shè)置圖片透明度為0.5 */
transform: scale(0.9,0.9); /* 鼠標(biāo)放上去時(shí)設(shè)置圖片縮小 */
}

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

經(jīng)過以上的CSS代碼操作，便實(shí)現(xiàn)了鼠標(biāo)放上去圖片縮小的效果，提升了網(wǎng)頁的交互性和美觀度。