下面是一个4*2的menubar 效果的页面
<html>
<head>
<style type="text/css">
.menubar {
background-color: grey;
}
.title {
float: left;
text-align: center;
overflow: hidden;
font-size: 1em;
width: 24%;
}
.fence {
float: left;
color: black;
width: 1px;
}
</style>
</head>
<body>
<div class="menubar">
<div class="title"><a href="#">news</a></div>
<div class="fence">|</div>
<div class="title"><a href="#">sport</a></div>
<div class="fence">|</div>
<div class="title"><a href="#">movie</a></div>
<div class="fence">|</div>
<div class="title"><a href="#">travel</a></div>
<div style="clear:both;"></div>
<div class="title"><a href="#">news</a></div>
<div class="fence">|</div>
<div class="title"><a href="#">sport</a></div>
<div class="fence">|</div>
<div class="title"><a href="#">movie</a></div>
<div class="fence">|</div>
<div class="title"><a href="#">travel</a></div>
<div style="clear:both;"></div>
</div>
</body>
</html>
相关推荐
FLex MenuBar的小例子，可以实现下拉菜单的效果，可直接拷贝使用
matlab开发-MenuBar。在图形窗口中的任何位置创建菜单栏
menubar rebar rightclick
Python_tkinter_9_Menubar_菜单_(GUI_窗口_教学教程tutorial)
qt5用代码实现界面创建，工具栏toolbar和菜单栏menubar。
JavaFX+Jfoenix 学习笔记系列的JavaFX+Jfoenix 学习笔记（四）--MenuBar菜单栏的源码
TMenuBar component.
menubar_sc的素材，永邦同志幸苦了。
Laravel开发-menubar 拉拉维尔的菜单栏建设者
本案例是模仿饿了么，实现横向导航栏，可以参考用，也可以直接插入到项目中，接口方面使用的是mockJS模拟接口
menuBar.7z菜单栏
matlab开发-MenuBar.zip
通过QML中ListView 实现的 MenuBar。QML 自带的组件 MenuBar无法实现高度的自定义样式，只能选择官方设定好的几种样式，在实际应用场景中，我们需要根据程序整体的 UI 风格来设计 MenuBar 中 Menu 的样式，
一个工具栏菜单的源程序
Web2App 是一款将 Web Site 快速转 Mac App 小工具 ...输入 App 名称，网址，再为 App 上传一个图标，设定适配设备屏幕就可以一键生成软件，同时你还能选择将 App 变为 Menubar Only，显示顶部导航栏。
20个web2.0导航样式
通过xml文件配制Menubar实现动态填充菜单！再过itemClick事件获取下次子菜单
Documents\征文赛通知.docDocuments\征文赛通知.docDocuments\征文赛通知.docDocuments\征文赛通知.docDocuments\征文赛通知.docDocuments\征文赛通知.docDocuments\征文赛通知.doc
Flex MenuBar从数据库中动态加载图片.我找了好久才实现。
用工具栏实现MenuBar简单实用.rar