为了账号安全,请及时绑定邮箱和手机立即绑定

将图片以24*40像素进行分割,这个是怎么实现的?(前端新手,谢谢回答)

http://img1.sycdn.imooc.com//58783fa900019d9b06570479.jpg

就是老师讲的这个图

正在回答

1 回答

width:24px,height:40px,display:block,设置s标签设置为一个宽24像素,高40像素的一个块状元素,再通过background-position样式让整个背景图片从0,0位置显示,这样第一个图标就可以正好显示出来,s标签类似于在背景图片上做遮罩的效果,而其他图标在宽24像素,高40像素以外,所以你看不到。如果你问的是怎么快速准确设置辅助线的话,请在PS里插件安装guideguidehttp://img1.sycdn.imooc.com//5878d46b0001bd6f02100104.jpg

0 回复 有任何疑惑可以回复我~
#1

慕粉3809271 提问者

首先谢谢您,其实我想问的是image那张图片是怎么来的?我要想自己实现的话需要学什么呢?
2017-01-17 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
用字体在网页中画ICON图标
  • 参与学习       40541    人
  • 解答问题       127    个

Font+HTML/CSS将会做到,小巧的体积、更快的加载速度

进入课程

将图片以24*40像素进行分割,这个是怎么实现的?(前端新手,谢谢回答)

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信