Question

如何用CSS把百度空间的导航条做成这样？有图。

关键的地方是各项之间是空白的，最后一项结束后是长横条。懂得各路神仙尽量说具体点，，我是CSS白痴。。查了源文件是 TAB没有背景图片*/.tabs-holder .tabpanel a{padding填充:6px 19px 6px 20px;*padding:8px 19px 4px 20px;_padding:7px 19px 5px 20px;}.tabs-holder .tabpanel .current a{padding:5px 19px 6px 20px;*padding:7px 19px 4px 20px;_padding:6px 19px 5px 20px;border-bottom:none;}/

希望有用。。谢谢~

Answer 1

- -,不知道你那代码是在哪里来的，图又像是百度空间里的，晕。

这样的简单导航，竟然能写成这样的CSS，真有“才”，嘛，如果是你自己写的那就没什么了。

就用上面的选择器这条例子：
.tabs-holder .tabpanel{width:100%;border-bottom:1px solid #000;}
.tabs-holder .tabpanel a{display:block;float:left;padding:20px 10px;margin-right:10px;color:#0ff;background-color:#000;}
;}.tabs-holder .tabpanel .current a{background-color:#fff;}

margin-right:10px;这条是各个的间隔。

如果你说的是百度空间的话那就是这样写：
#tab{border-bottom:1px solid #000;}
#tab a{padding:20px 10px;color:#0ff;background-color:#000;}

因为百度默认做了很多设置，所以其它的不怎么用设置了。

Answer 2

菜单是<a>标记，只要给<a>标记设置padding:5px;这个是方框与字体间的距离！然后背景色！
这个吧！！简单到我已经没法给你解释了，都是基础，这叫我怎么给你说嘛！！你加我好友，我传给吧！！

或者你去我的百度 空间去看看，我把菜单设置成这样的！！