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

html-css016

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>

可以,把div

的大小设成和图片的大小一样

就行

也可以不改图片大小

但是如果图片比div大

就会看不到一部分

如果图片小了,会自动重复图片铺满整个div

可以设置repeat

让背景图片重复

div

一定要设

大小

不然div没有内容

就不会显示背景了