2018-07-17 雪碧图
2018-07-17 本文已影响0人
美玲_ee39
利用ps合成一张图片。
xuebi.png
利用sublime进行修饰变成雪碧图。
通过上图变成先是未选中，选中。通过一次上传，来优化。
我们利用background-position:()px ()px;
例如：<style>
.xz
{
width:100px;
height:100px;
background: url(../img/xuebi.png);
display:inline-block;
background-position:74px 0px;
}
.wxz
{
width:100px;
height:100px;
background: url(../img/xuebi.png);
display:inline-block;
background-position:-25px 0px;
}
</style>
<body>
<span class="xz"></span>
<span class="wxz"></span>
可以把原图形变成先是未选中然后是选中。
