html - cssホバーを使用してテーブル内のimgマージンを変更する方法

Question

マウスオーバーで画像を少し動かしたいのですが、うまくいきません。
画像はテーブルセル内にあります。セルには間隔、パディング、定義された高さはありません
テーブルの外側の画像-うまく機能します。

#img01 { 
    width:25px; 
    height:25px; 
    margin:9px 10px 0px 0px;
    cursor:pointer;
}

#img01:hover {
    margin-top:4px;
}

Answer 1

デフォルトでは、画像はインラインです。追加してみてください：

display: block

画像に。