子比主题美化 – 首页tab栏目二次元风

效果图

教程开始

复制下面css代码 添加到WordPress后台-子比主题设置-全局-自定义css代码中

.index-tab ul>li.active{color:#ffffff00!important;background-color:#ffffff00!important;border-radius:6px;z-index:1;position:relative;height:39px;line-height:44px;background:url(/wp-content/themes/Mxchild/assets/img/home_title.png) 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}

其中的图片路径自行替换

图片