html - HTML テーブルのスタイルを設定するには? - セルを塗りつぶす / カーソルを合わせて画像を拡大する / 1 つのセクションに色を付ける

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>