图片链接 url(../img/site_bg.gif)
图片定位(由图片的左上角开始计算) -100px -100px
不重复图片 no-repeat
再加上尺寸:width:100pxheight:100px
首先,打开CSSIcon网站,在搜索框中输入关键字,可以查找到相关的图标,也可以通过分类查找,比如社交媒体、电子邮件、购物等,还可以通过标签查找,比如箭头、锁、礼物等,这样就可以找到自己想要的图标了。用CSS的背景定位就OK了。比如 background:url(../images/ico.png) no-repeat -20px -100px
如果ico.png就是你给的这张图的话,那么这个背景图片的显示位置就是从这张图的横坐标左移20px.纵坐标上移100px处开始。知道这个原理了我想你应该知道怎么弄了吧。
比如你的一个按钮要用到图中的某个按钮,你只要通过切图软件知道该按钮的宽和高,然后知道该按钮距离左边界有多远,距离上边距是多少。这样就能通过定位来实现了。。