png格式的icon使用方法

png格式的icon使用方法

有很多叫法,png,雪碧图,矢量图
在这里插入图片描述
当然,我给加了背景,应该是这样的;
在这里插入图片描述
用的时候放入ps,打开F8
在这里插入图片描述
获取到需要的图x,y轴便是宽高;
设置的时候只需要

nav{
	background: url(../images/icon.png) no-repeat;//背景图
	background-size: 26.28rem 20rem;//你的雪碧图的大小
	background-position: -24.79rem -0.99rem;//你要用的小标的坐标点, 前面x轴,y轴,这个值必须为负数
}
**操作一下吧**

猜你喜欢

转载自blog.csdn.net/abc_26zm/article/details/87940303
今日推荐