このページは「RedlineMagazine::CSS 画像の一部を使う3つの方法」のサンプルページです。

サンプル画像

【CSS部分】
.crop{
	width:150px;
	height:150px;    
	overflow:hidden;  /* これが重要 */
	border:2px solid #630;
	}
.crop img{
	margin:-20px -15px -40px -55px; /* 位置コントロール */
	}
   
【HTML部分】
<p class="crop"><img src="090929_01.jpg" alt="サンプル画像" /></p>

【元画像】
サンプル画像