在CSS中怎样从一个png图片里取出小图标

以png 图片的左上角为原点,往右往下均为负值

 已看

 未看

.mailicon {display: inline-block;width:16px;height:16px;line-height:16px;background:url(images/mail.png) no-repeat;}
.see{background-position:-48px -16px} 用了第二行第三个小图标
.unsee{background-position:-48px 0px} 用了第一行第三个小图标

(高度和宽度都是16px)

你可能感兴趣的:(css)