如何設置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

相關問題