大前端DUX主题文章鼠标滑过背景色及添加彩色边框.

大前端DUX主题文章鼠标滑过背景色及添加彩色边框.,第1张

大前端DUX主题文章鼠标滑过背景色及添加彩色边框.

DUX主题的首页默认设置为以文章列表的形式显示信息。当鼠标滑过文章列表中的文章时,电脑鼠标所属的文章会变暗,但不明显,也不美观。关键原因是主题的CSS样式将颜色值调得太低,这将是主题创作者保持主题清新自然的意图。但是对于一些有要求的客户来说,这类物品的选择差异感太低了。这一次,人们将根据修改后的DUX主题的main.css样式表,改变下一个主题的主页上的文章列表的背景颜色,并为其升起一个彩色的框架,使选中的文章变得明亮。

图为主题修改前后的实际效果。必须说明的是,在主题修改之前,为了防止平台网站因为实际 *** 作不佳而无法打开,我们还是期待大家事先在文件下备份一下大家这次要修改的文档main.css。

其实对DUX主题的修改很简单。只需要用专门的FTP工具登录网站后台,免费下载main.css文档即可。您可以根据搜索结果,使用专用的Notepad++文本编辑工具将其中的代码更改为下图。摘录:悬停:

.excerpt:hover{ background-color:#f0ffff; border-color:#24b4f0; position:relative; z-index:2; }

当你讨厌上面代码中的颜色时,可以修改成另一种颜色。必须注意,这里的颜色值是十六进制的。获取颜色值的一个简单方法是打开Photoshop等手机软件的调色板,选择自己喜欢的颜色,复制粘贴十六进制颜色值,替换成上面的颜色。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/743875.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-29
下一篇 2022-04-29

发表评论

登录后才能评论

评论列表(0条)

保存