使用HTML+CSS+JS制作簡單的網頁菜單界面_基礎知識

 經濟、金融類
 行政、人資類
 市場、銷售類
 電子工程IT類
 工程類
 生物醫(yī)藥類
 物理、化學類
 廣告、傳媒類
 語言、翻譯類

/* 標簽樣式 */
.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;
}