如何用css代码把一个图片切成2个，求代码，求详细代码，不是用PS切图

html-css023

如何用css代码把一个图片切成2个，求代码，求详细代码，不是用PS切图,第1张

background-image:url('')设置图片路径

background-position:

-100px

-122px

设置图片中某一部分图的位置

第一个值是上

第二个值是左

然后通过这个图片外层标签来显示图片显示的范围

宽度和高度

应该是用背景显示的，可以让背景显示具体的位置，再进行DIV的宽与高限制。 background-image:url(../Images/01.jpg)

background-position:10px 20px

background-repeat:no-repeat

10px 距左边 20px距顶部。你再加了限制溢出的就可以了。

background是一个简写的声明，它包括background-color、background-image、background-position等多个声明，有些声明的属性必须成对出现才生效，例如你这里的background:#b2f511 0 50%之所以失效，是因为后面的0 50%属性只有当background-image存在时才有意义。