左侧目录树右面主界面html,css实现的目录树型导航菜单

css实现的目录树型导航菜单丨myjs.jz123.cn

ul { padding:0; margin:0;}

#main1,#main2 { width:100px; height:28px; line-height:28px; padding-left:5px; background:#ccc; cursor:pointer; border-bottom:1px solid #fff;}

#child1,#child2 { width:105px; background:#eee;}

#child1 ul li,#child2 ul li { padding-left:5px; border-bottom:1px solid #fff; line-height:180%;}

#child1 ul li a,#child2 ul li a { color:#666;}

+ 主目录1

• - 子目录1
• - 子目录2
• - 子目录3
• - 子目录4

+ 主目录2

• - 子目录1
• - 子目录2
• - 子目录3
• - 子目录4