百影阁
在乱世中寻求安身之所!

dux修改首页文章边框颜色

来一个dux美化教程,给我们的dux主题首页文章列表的每篇文章添加一个美丽的颜色边框吧,

dux修改首页文章边框颜色

默认的首页边框是没颜色的,就是无边框,这里找到首页文章边框的css代码,我们只需要简单的加个边框,在给个颜色即可,效果很不错,很漂亮。dux修改首页文章边框颜色

效果如上图所示,有一个框框的颜色,可以自己修改。

代码教程

首先我们需要找到要修改的css样式位置:

打开main.css文件,找到相关的样式,这里可以搜索.excerpt:hover

将其中的代码,修改如下:

  1. .excerpt:hover{
  2. backgroundcolor: #FAFDFF;
  3. bordercolor: #88D3F9;
  4. position: relative;
  5. zindex: 2;
  6. }

然后再刷新一下即可看到效果了,如果开了cdn的请使用ctrl+F5刷新,或者清理缓存

上面代码颜色大家可以自己调节,喜欢上面颜色,适合什么颜色就使用上面颜色吧。

赞(0) 打赏
未经允许不得转载:百影阁 » dux修改首页文章边框颜色

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

百影阁 巨人影子下的探索之旅

联系百影阁阁主进群讨论

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

微信扫一扫打赏