用CSS实现给图片上色的效果

步骤是这样的：

1.先把你想要做的图片放到PS里面进行去色处理-图像–调整–去色或者ctrl+shift+u

2.将此图和原图片整合成上下两张的图片，如下图：

3.下一步写下代码：

xhtml代码：

div id="box" a href="#" span/span /a /div

CSS代码：

a {float:left;}#box span {border:3px solid #ccc;display:block;width:170px;height:120px;background:url(flower.jpg) center top no-repeat;}#box a:hover span {background:url(flower.jpg) center -120px no-repeat;}