子比美化教程-首页分类栏美化

直接添加以下自定义css代码即可

用的是多栏目文章组件,其他组件清根据class自行修改

.index-tab ul>li.active{
    color: #ffffff00 !important;
    background-color: #ffffff00 !important;
    border-radius: 6px;
    z-index: 1;
    position: relative;
    background: url(/wp-content/uploads/2024/07/zhuti-quanju26.webp) repeat;
    -webkit-background-size: 91px 39px;
    -moz-background-size: 91px 39px;
    background-size: 91px 39px;
}
.index-tab ul>li {
    display: inline-block;
    padding: 2px 17px;
    font-weight: 500;
    border-radius: 20px;
    margin: 0 1px;
      height: 39px;
    line-height: 39px;
}