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

我正在处理html表格中的一些html表格，而且我在做某些特定的样式时遇到了麻烦。这里是我的表： enter image description here 如何设置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.

Here is my fiddle.

（小提琴让我看着输出拉伸和林不知道为什么）

来源

2013-12-11 MattCamp

为什么这是一个表？你不表示表格数据。 – cimmanon

我相信这是一张桌子---内容在

标签中。你看过小提琴吗？ – MattCamp

我的问题不是“它是一张桌子”，而是“为什么它是一个人”。表格用于表示表格数据，您纯粹将其用于表示目的（这被认为是对元素的滥用）。 – cimmanon

回答

1。更改.table td的padding

2。一些与img:hover，也许这：

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

但是，你必须离开浏览器窗口，感受一下老大小...

3。 <td bgcolor=gray>

来源

2013-12-11 17:13:48 fedab

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

回答

相关问题