2021-11-27

二倍精灵图做法:

在ps中把精灵图等比例缩放为原来的一半

再根据大小测量坐标

注意代码中的background-size缩放也要写哦:精灵图原来宽度的一半

注意只是测量 不要保存 会导致修改掉原图

代码如下:

background: url(../images/jd-sprites.png) no-repeat -80px 0;

    background-size: 200px auto;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 头部开始 logo部分 导航nav 搜索search 用户user banner横幅图片开始Start banne...
    辛敏滔阅读 870评论 0 0
  • 字体属性 粗细font-weight 作用: 文字是否加粗 属性名: font-weight, 属于 font 属...
    三生三世不知道阅读 747评论 0 0
  • 1.css核心样式 1.2 css常用样式 1.2.1 字体属性 font-weight 文字粗细作用:设置文字是...
    你好好想想_be60阅读 433评论 0 0
  • # css: > 1. 学会使用CSS选择器 > 2. 熟记CSS样式和外观属性 > 3. 熟练掌握CSS各种选择...
    欣简书阅读 174评论 0 0
  • # CSS样式规则overflow 使用HTML时,需要遵从一定的规范。CSS亦如此,要想熟练地使用CSS对网页进...
    低调迷人的反派角色阅读 1,081评论 0 1

友情链接更多精彩内容