css+精灵图

  • 1)css精灵是一种处理网页背景图片的方式。精灵图也是一种背景图片。
  • 2 )精灵图的使用
    1,使用fw一定要用打开的方式打开精灵图
    2,使用精灵图作为背景图片的时候,常与background-position配合使用
      .one{
        width: 54px;
        height: 32px;
        background-image: url("qq.png");
        background-position: -700px -111px;
    }
    </style>
   </head>
    <body>
    <div class="one">
    </div>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是CSS精灵图? CSS精灵图是一种图像合成技术。 CSS精灵图作用: 可以减少请求的次数,降低服务器处理的压...
    Zacks_8407阅读 359评论 0 0
  • Div和Span标签 什么是div? 作用: 一般用于配合css完成网页的基本布局 什么是span? 作用: 一般...
    Jackson_yee_阅读 846评论 1 1
  • 文:十一 01 如果有人被疯狗咬了一口,这人气不过,非要回去把狗咬一口。你们会不会觉得这人十分可笑? 有没有这样的...
    声入人心阅读 843评论 3 14
  • 从女空乘拒绝他的求爱那一刻起,他才真正把虚无缥缈的意志力集中到了这个孤傲的女孩身上。 “我们才见过两面而已,”她把...
    十二刀阅读 258评论 0 3