!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>DUX首页文章修改鼠标滑过背景色及添加彩色边框

DUX首页文章修改鼠标滑过背景色及添加彩色边框

DUX主题默认的首页是以文章列表的形式显示的,当鼠标滑过文章列表中的文章时鼠标所在的文章会变暗一些但是很不明显美观,其主要原因是主题的CSS样式将颜色值调整的太低了,可能是主题作者为了保持主题小清新的感觉而有意为之的,但是对于一些有特殊要求的用户来说可能这种文章选中状态的区分感太低了,这次我们就一起来通过修改DUX主题的main.css样式表更改下主题首页文章列表鼠标滑过时的背景色并为其增加一个彩色的边框以使得选中文章时高亮起来。

DUX首页文章修改鼠标滑过背景色及添加彩色边框

上图是主题修改前后的效果,需要注意的是修改主题之前为了避免由于不当操作而引起的网站无法访问等问题,还是希望大家事先备份下我们这次要修改的文件main.css。

其实这次对于DUX主题所做的修改很简单,你只需要使用FTP工具登录网站后台并下载下来main.css文件,使用Notepad++文本编辑工具通过查找.excerpt:hover将其中的代码改为如下所示即可:

如果你不喜欢上面代码中的颜色,也可以自定义修改成其他的颜色。需要注意的是,这里的颜色值为16进制,一个简单的获取颜色值得方法是你可以打开Photoshop等软件的调色板选择自己喜欢的颜色并复制16进制的颜色值替换上面的颜色。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

DUX—大前端小清新CMS主题

2022-9-21 12:31:10

网站运维

DUX主题评论添加VIP星级与博主认证

2022-9-21 12:31:49

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
{{yiyan[0].hitokoto}}
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索