用background-image: url 把图片添加进去,
再用
background-repeat: no-repeat;删除重复
background-position: x坐标 y坐标;
再在hover里面写
background-position: x坐标 y坐标;
将a标签表示为块级元素
display: block;
取消a下划线
text-decoration: none;
浮动 不用float 避免快塌陷
display: inline-block;
用background-image: url 把图片添加进去,
再用
background-repeat: no-repeat;删除重复
background-position: x坐标 y坐标;
再在hover里面写
background-position: x坐标 y坐标;
将a标签表示为块级元素
display: block;
取消a下划线
text-decoration: none;
浮动 不用float 避免快塌陷
display: inline-block;
上一篇:黄聪:JS实现复制到剪贴板功能,兼容所有浏览器(转)
下一篇:CMake
我们制作网页的时候,可以将一些较小的图片制作成一张图集,以便于优化我们的性能。
循环精灵图
欢迎关注,有问题一起学习欢迎留言、评论。你要保守你心,胜过保守一切。作者:刘俊涛的博客
精灵图图标选中效果
精灵图公用样式
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M