CSS(图表合集大图片)选择合适位置的图标

最新推荐文章于 2024-02-19 17:00:59 发布

原创最新推荐文章于 2024-02-19 17:00:59 发布 · 780 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用 CSS 实现星级评分图标的详细方法，通过不同的背景位置来展示已选和未选状态的星星图标。

图片：19*47  png

.showstar{
    background:url(../global/img/star.png) no-repeat;
    background-position: 0 -28px;
    float: left;
    width: 20px;
    height:18px;
    text-indent: -9999px;
}
.unshowstar{
    background:url(../global/img/star.png) no-repeat;
    background-position: 0px 0px;
    float: left;
    width: 20px;
    height:18px;
    text-indent: -9999px;
}