css怎么做才能只显示图片的一部分

html-css09

css怎么做才能只显示图片的一部分,第1张

CSS Sprite

需要知道大图的网地,小图标在图上的位置偏移(写进css里的background-position要加负号),和大小。

<style>

.icon {

  background:url(background.png)

  background-repeat:no-repeat

  background-position:-25px -374px

  height:16px

  width:24px

}

</style>

<div class=".icon"></div>

background是一个简写的声明,它包括background-color、background-image、background-position等多个声明,有些声明的属性必须成对出现才生效,例如你这里的background:#b2f511 0 50%之所以失效,是因为后面的0 50%属性只有当background-image存在时才有意义。