html从大图截取一部图

html-css010

html从大图截取一部图,第1张

有两种方法实现

可以用css背景图片做定位(这个你可以去W3CSchool查看一下background的相关属性)

用两个元素, 块元素A和img元素B, A中嵌套B, A用"position:relative"固定宽高, 并设置overflow为hidden, B元素用"position:absolute"设置top和left,

background-position:0px 0px

第一个0px是水平位置,第二个是0px是垂直位置

这个属性的意思是,从原点(左上角)到(水平位置,垂直位置)的范围

也就是说不管你是横着摆还是竖着摆,你只要看右下角顶点的坐标就行了