吸烟
有害健康!

DUX热门标签设置随机背景色

一、最终效果图

DUX热门标签设置随机背景色最终效果图

每次刷新页面,标签的颜色都会变化,实现了更好视觉效果。

二、实现过程

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 的文件,输入以下内容,然后保存。

您需要先支付 10元 才能查看此处内容!立即支付

本文链接:https://www.xxdis.com/web/1587.html

赞(1) 打赏
未经允许不得转载:交换云生 » DUX热门标签设置随机背景色
分享到

评论 抢沙发

交换云生

始于1908

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫