css如何读取图标文件中的图标,请给一段代码学习,谢谢啊 !!!可以我的QQ:724331604

html-css047

css如何读取图标文件中的图标,请给一段代码学习,谢谢啊 !!!可以我的QQ:724331604,第1张

background:

图片链接 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处开始。知道这个原理了我想你应该知道怎么弄了吧。

比如你的一个按钮要用到图中的某个按钮,你只要通过切图软件知道该按钮的宽和高,然后知道该按钮距离左边界有多远,距离上边距是多少。这样就能通过定位来实现了。。