html - 如何设置 html 表格的样式？- 填充单元格/悬停时放大图像/颜色一个部分

Question

我正在处理 html 表中的一些 html 表，并且在做一些特定的样式时遇到了麻烦。这是我的桌子：

注意：蓝色部分是悬停。

我想做的具体事情是：

1. Make the image in each cell fill the entire cell (instead of having that much blue space)
2. Make the image enlarge when you hover on the image.
3. Make the right section (with the info and buy button) have a light grey background.

这是我的小提琴。

（小提琴让我的输出看起来很紧张，我不知道为什么）

Answer 1

1. 更改padding.table td 的

2. 有的东西img:hover，也许是这样的：

img:hover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

但是你必须离开浏览器窗口才能获得旧尺寸......

3.<td bgcolor=gray>