且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

评价中的星效果实现

更新时间:2022-08-22 11:26:27

评价中的星效果实现

html

<p class="star">诚信等级:
    <span></span>
    <span></span>
</p>

css

.star {
    text-align: center;
    font-size: 15px;
    padding-top: 10px;
}

.star span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url({sh::RES}show/img/star.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 1px;
}

模本中使用php智能化处理

<p class="star">诚信等级:
    <php>
    for($i = 0 ;$i< $certification_info['honesty'];$i ++)
    {
        echo "<span></span>";
    }    
    </php>
</p>



本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5347121.html,如需转载请自行联系原作者