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

html-css031

如何用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存在时才有意义。