css里面怎么快速定位图片中的某个图标位置。。

html-css011

css里面怎么快速定位图片中的某个图标位置。。,第1张

做网页设计少不了三剑客DW/FW/FLASH

你要快速定位图片的坐标位置

可以使用DW工具,把图片导入,然后点击一下图片,就会在信息栏显示图片所在的坐标

如果还有疑问,欢迎你追问!

background: url("../images/news.jpg") no-repeat scroll 10px 10px

上面的数字就是定位,第一个数字的左右定位,第二个是上下定位的,你用张图片试试修改数字就知道,也就能理解了

将小图标集成在一个图片里,然后充分利用css的css sprite精准定位(X、Y坐标)。

你可以将a标签的宽度和高度写死,然后对应的a标签里定位相应的图标(css背景定位)。

补充一下:可以考虑下bootstrap图标字体 fontAwesome替代传统的图片式的图标。

如果还有疑问欢迎讨论。