css - 外部スタイル シートを使用した画像の操作

Question

外部スタイル シートを使用して画像を操作する最良の方法は何ですか? 以下のコードでは応答がありません。

<div id="poster"><img src="squatchposter.jpg" alt="Squatch Poster"></div>

#poster {
    background-image:url('squatchposter.jpg');
    width: 400px;
    height: 500px;
    background-position: center;
}

Answer 1

<img src="squatchposter.jpg" cssclass="poster ">

#poster {

width: 400px;
height: 500px;
background-position: center;
     } 

Answer 2

画像自体ではなく、div を操作しています。画像タグに id 属性を与え、スタイルシートでその id を参照します。