天兴工作室emlog模版tx_freecms_em修改排行榜文章颜色

    天兴工作室emlog模版tx_freecms_em，排行榜前三文章颜色为单纯的红色，比较单一，也不美观，如下图：

修改前

修改后

我们可以通过修改css样式来让他显示更加美观。打开文件 txcstx.min.css

在文件中找到下面代码。

.ul-rank li:nth-child(1)>span,.ul-rank li:nth-child(2)>span,.ul-rank li:nth-child(3)>span {
    background: #f77;
    color: #fff
}

替换为如下代码。

.ul-rank li:nth-child(1)>span {
    background: #ff4757; /* 红色 */
    color: #fff;
}

.ul-rank li:nth-child(2)>span {
    background: #2ed573; /* 绿色 */
    color: #fff;
}

.ul-rank li:nth-child(3)>span {
    background: #1e90ff; /* 蓝色 */
    color: #fff;
}

显示效果如下

×

如果觉得文章对您有用，请随意打赏。
您的支持是我们继续创作的动力！

微信扫一扫

支付宝扫一扫