下面这个很立体的CSS按钮菜单效果教程由小编精心推荐选出，过程简单易学超容易上手，喜欢就要赶紧get起来哦！
style type="text/css"
#menu {; ; background:#edebdc; ; ; solid #000; margin:0 auto;}
.white {; ; ; color:#fff; background:#fff; solid #ffdc56; solid #957704; solid #937603; solid #ffdc56;; ;}
.blackc {; top:0; left:0; ; ; color:#000; ; ; ; ; solid #ffd42e; solid #caa205; solid #c9a105; solid #ffd42e; ; ; ; background:#fc0;}
.black {; top:0; left:0; ; ; solid #000;}
.cona {; top:0; left:0; ; ; solid #d5d3ca; solid #d5d3ca; background:#f7f6ef;}
.conb {; top:0; left:0; ; ; solid #b8b7af; solid #b8b7af; background:#f7f6ef;}
.conc {; top:0; left:0; ; ; solid #9c9b95; solid #9c9b95; background:#f7f6ef;}
.cond {; top:0; left:0; ; ; solid #d5d3ca; solid #d5dc3a; background:#fff; ;}
#menu {;}
#menu {color:#c00; ; ;}
#menu :hover {color:#c00; background:#edebdc; ;}
#menu :hover .white {; ; ; color:#fff; background:#fff; solid #ffdc56; solid #957704; solid #937603; solid #ffdc56;; ;}
#menu :hover .blackc {; top:0; left:0; ; ; color:#000; ; ; ; solid #ffd42e; solid #caa205; solid #c9a105; solid #ffd42e; ; ; ; background:#eb0;}
/style
div
divdivdivdivdiv
a href="#nogo"spanspanITEM ONE/span/span/a
/div/div/div/div/div
divdivdivdivdiv
a href="#nogo"spanspanITEM TWO/span/span/a
/div/div/div/div/div
divdivdivdivdiv
a href="#nogo"spanspanITEM THREE/span/span/a
/div/div/div/div/div
divdivdivdivdiv
a href="#nogo"spanspanITEM FOUR/span/span/a
/div/div/div/div/div
divdivdivdivdiv
a href="#nogo"spanspanITEM FIVE/span/span/a
/div/div/div/div/div
