时间:2021-05-25
这么一个简单的效果就花了偶两个多小时,失败。。。看来还是写的太少,眼高手低!!以后还要多动手写,不能只知道实现方法就pass了废话少说,代码如下(这个可是结构,样式,行为相分离哦):
new document *{margin:0px;padding:0px;} #menu{ font-size:12px; list-style-type:none; width:100px;text-align:center; } #m1,#m2,#m3,#m4{ border:1px solid #666; height:20px;line-height:20px; background:#ccc;width:98px; } #m1_sub,#m2_sub,#m3_sub,#m4_sub{ display:inline-block; } ul#menu li ul li{ border:1px solid #999; height:20px;line-height:20px; background:#efefef;list-style-type:none; }