使用HTML+CSS+JS制作简单的网页菜单界面_基础知识

 经济、金融类
 行政、人资类
 市场、销售类
 电子工程IT类
 工程类
 生物医药类
 物理、化学类
 广告、传媒类
 语言、翻译类

/* 标签样式 */
.tags span {
 font: 12px/22px 'Microsoft Yahei',Arial,Lucida Grande,Tahoma;
 border: 1px #E3E0D9 solid;
 display: inline-block;
 height: 20px;
 background: #FFF;
 text-align: center;
 padding: 2px 7px;
 margin: 1px 4px;
 cursor: pointer;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 overflow: hidden;
 color: #989898;
}
.tags span:hover {
 border-color: #00956d;
}
.tags span.active {
 color: #FFF;
 border-color: #00956d;
 background-color: #00956d;
}