教你如何HTML显示一张图片的一部分

方法一：

<div style="position:absolute; top:0px;; left:0px; width:135px; height:56px; clip:rect(34px 135px 91px 1px);"><img src="webIndex_01s.gif" /></div>

上面代码中，div中的属性都很重要。（sy，ex，ey，sx）

方法二：

<style>

span {

display: block;//一定要有

background-image:url(webIndex_01s.gif);

background-repeat: no-repeat;

background-position: -336px -33px;//要显示的区域坐标，左上角为原点

width: 200px;//显示区域的宽和高

height: 25px;

}

</style>

<span></span>

方法三：

<img src="webIndex_01s.gif" style="position:absolute; top:120px; left:0px; clip:rect(34px 135px 91px 1px);" />

注意：图片的大小必须和大图的尺寸一样，而不是显示区域的尺寸