怎样制作像按钮一样的文章分类和友情链结

来源：百度知道 编辑：UC知道 时间：2024/09/22 23:24:32
在一个百度空间上看到他的文章分类和友情链接都非常的酷，都像按钮一样，而且这样做可以节省很多空间，请问这种按钮是怎样制作出来的？
效果要如这个空间：http://hi.baidu.com/NNVJU

这样就可以

/*友情链接代码*/

#m_links {padding-left:10px!important;width:auto!important}
#m_links div{float:left!important;height:27px!important;text-align:center!important}
#m_links div.item{color:#B40502;font-size:12px}
#m_links div.item a{color:#B40502;font-size:12px;width:97px!important;display:block!important;text-decoration:none;border-style:groove;border-width:2px}
#m_links div.item a:visited{color:#B40502}
#m_links div.line{margin-top:0px;line-height:2px;background:url() repeat-x}

/*文章分类*/

#m_artclg {padding-left:9px;width:auto!important}
#m_artclg div{color:#FFFFFF;float:left!important;height!important;text-align:center!important}
#m_artclg div.item a{color:#B40502;font-size:12px;width:65px!important;display:block!important;text-decoration:none;border-style:groove;border-width:2px}
#m_artclg div.item a:visited{color:#B40502}
#m_artclg div.line{margin-top:0px;line-height:8px;background:url() repeat-