一、最终效果图

每次刷新页面,标签的颜色都会变化,实现了更好视觉效果。
二、实现过程
1、修改style.css样式文件
1.1 删除
.widget_ui_tags .items a{float:left;width:30.3333333333%;margin-right:3%;margin-top:12px;font-size:14px}
1.2新增
.widget_ui_tags .items a {color: #FFF;background-color: #f6f6f6;float: left;width: 30%;margin: 1%;padding: 3px;font-size: 12px;height:28px;line-height: 22px;overflow: hidden;text-align:center;border-radius: 5px;}.widget_ui_tags .items a:hover {color: #fff;background-color: #45B6F7;border: 1px solid #FFF;opacity:1 !important;}
1.3修改
.widget_ui_tags .items a span{position:relative;top:-1px;margin-left:5px;font-size:12px;color:#bbb}@media(max-width: 600px){.widget_ui_tags .items{padding:12px 15px}}
修改color:#bbb 为color:#000;这个是()内容的颜色。
2.在assets/js 目录下。新建random-bg.js 的文件,输入以下内容,然后保存。
本文链接:https://www.xxdis.com/web/1587.html