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

大前端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等手机软件的调色板，选择自己喜欢的颜色，复制粘贴十六进制颜色值，替换成上面的颜色。