本文主要是介绍CSDN 自定义博客栏目——友情链接，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
CSDN 自定义博客栏目——友情链接
最近发现CSDN自定义博客栏目里面竟然可以 体检HTML代码。然后闲着无聊就想装饰一下。嘿嘿嘿。
下面教一下前端小白配置一下。学过前端的可以绕道啦。嘻嘻嘻。
首先大家可以预览一下效果。
下面一步步详细演示配置过程。。。
步骤1：
进入“管理博客”，点击导航栏中的“博客栏目”
步骤二：
滚动到页面最下角， 点击“添加栏目”
步骤三：
填写好栏目标题，栏目内容区域可以包含HTML代码（但是不支持JS代码。支持的话那就会乱套了，233333）。
我这里给出我“友情链接”栏目的内容HTML源码。除此之外， 你还可以添加<iframe>引用其他网站的内容，比如可以添加你的微信，微博的链接。具体实现略。2333333
<ul><li style="border-bottom:1px dashed #CCC; border-left:2px solid #c88326; padding:5.5px 18px; margin:6px 5px"><a href="http://blog.csdn.net/qwb492859377" target="_blank">csust-qwb</a></li><li style="border-bottom:1px dashed #CCC; border-left:2px solid #2880d2; padding:5.5px 18px; margin:6px 5px"><a href="http://blog.csdn.net/qq_18661257" target="_blank">csust-tmq</a></li><li style="border-bottom:1px dashed #CCC; border-left:2px solid #b020ab; padding:5.5px 18px; margin:6px 5px"><a href="http://blog.csdn.net/woshinannan741" target="_blank">csust-syl</a></li><li style="border-bottom:1px dashed #CCC; border-left:2px solid #22a57d; padding:5.5px 18px; margin:6px 5px"><a href="http://blog.csdn.net/noooooorth" target="_blank">csust-hl</a></li><li style="border-bottom:1px dashed #CCC; border-left:2px solid #c81622; padding:5.5px 18px; margin:6px 5px"><a href="http://blog.csdn.net/jklongint" target="_blank">csust-jkl-csdn</a><a href="http://www.cnblogs.com/jklongint" target="_blank">csust-jkl-cnblog</a></li>
</ul>转载请注明出处，谢谢~~。 http://blog.csdn.net/acmore_xiong/article/details/52129888
这篇关于CSDN 自定义博客栏目——友情链接的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
