簡単ですが、一応まとめましょう。 元の画像はこちら↓ 中央の笑顔のみ表示したい場合は、外側に広さと高さが決まった親ボックスに「overflow:hidden;」を適用すればOKですね。 具体的には: できました(^^) ソースは下記のようになります: CSSの部分: div#imgContainer { width:67px; height:67px; position:relative; overflow:hidden; } div#imgContainer img { position:relative; left:-30px; top:-35px; } HTMLの部分: <div id="imgContainer"> <img src="http://f.hatena.ne.jp/images/fotolife/z/zhuweichen/20101207/20101207190305