本文最后更新于2018年12月30日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,一起讨论各种问题!

说明

添加了太多首页友情链接,主题本身的友链样式是单栏的,太多影响美观。所以,就直接改成双栏排布了。如果有类似需求的,可以参考本教程,修改样式,达到类似的效果。

CSS样式

只需要左侧对齐,宽度修改为50%即可。然后,再加几个背景色即可。下面是详细的css样式表。只需要将下面的css内容添加到主题中即可。使用此代码,需要主题支持自适应,不过一般主题会支持的。这样,我们才可以将宽度改完50%。如果,你发现改成50%,只是宽度变小了,而没有双排,请改成49%或者更小的宽度。

#links a {
    float: left;
    width: 50%
}

#links>ul>li {
    border-bottom: none
}

#nav-left li a:hover {
    background-color: var(--highlight-color);
    color: #fff
}

预览

Typecho RAW主题友情链接双栏显示教程