ibm.com/developerworks博文页面风格的csdn博文制作
写ibm.com/developerworks风格的博客
![](https://i-blog.csdnimg.cn/blog_migrate/aa275807bcab6d823b647cea2889304f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
ibm.com/developerworks博文页面风格的csdn博文制作个人觉得ibm.com/developerworks文章的风格很好,简洁明了不枯燥,看上去就是专业类型的。发现有两个风格,如这两个页面:http://www.ibm.com/developerworks/cn/opensource/os-ast/index.html 和http://www.ibm.com/developerworks/cn/linux/theme/cim/ 。两个各有优缺点,我试着将他们统一一下,最后的页面效果如http://blog.csdn.net/yanfabin/archive/2009/12/17/5025375.aspx ,呵呵自我感觉不错。
没有写内部样式表,把样式都写到html标签里了,代码丑了些~
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
目录分级,可以分为一级、二级、三级目录。
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/05ac63f463130bd1876c1af927ae88a3.gif)