您的位置：首页 > 其它

CSDN自定义博客栏目

2016-11-10 14:21 281 查看

个人信息链接

效果图如左面“About Weihong_Si”栏目：

做法

管理博客->博客栏目->添加栏目->标题自拟，内容填写如下HTML代码：

<ul>
<li>
<a target="_blank" href="http://weihong.date" style="background-color:#30a4e6; border:medium none; color:#fff; display:block; font-size:18px; line-height:1.33; margin:5px auto 15px; padding:10px 0; text-align:center">个人网站</a>
</li>
<li>
<a target="_blank" href="https://github.com/SiWeihong" style="background-color:#000000; border:medium none; color:#fff; display:block; font-size:18px; line-height:1.33; margin:5px auto 15px; padding:10px 0; text-align:center">GitHub</a>
</li>
<li>
<a target="_blank" href="http://blog.csdn.net/bleachswh" style="background-color:#d9534f; border:medium none; color:#fff; display:block; font-size:18px; line-height:1.33; margin:5px auto 15px; padding:10px 0; text-align:center">CSDN 博客</a>
</li>
</ul>


保存后，即可预览，效果如下；将栏目移到顶部即可。



参考样式：Gane_Cheng的博客
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  csdn 博客栏目 自定义
相关文章推荐
新的分享
章节导航