简单的纯钢性铸铁菜单

styleul { margin : 0px填充： 0px } ul Li { float :左；显示在一条直线上的字体olor: rgba(0，0，0，1)' 0.9em Arial，Helvetica，无衬线；高度： 30px宽度： 100px列表样式：无；}ul阿利{ color : # FFF；文本装饰：

background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 255, 1)"> none; line-height: 29px; width: 91px; margin: 0px; padding: 0px 0px 0px 8px; display: block; border-right: solid 1px #ccc; border-bottom:solid 1px #ccc; background: #808080; } ul li ul li { height:25px; } ul li ul li a { background: #666; line-height:24px; } ul li a:hover { background: #666; } ul li ul { visibility: hidden; } ul li:hover ul { visibility: visible; } ul li ul li a:hover { background: #333; } </style> <ul> <li><a href="#">菜单一</a></li> <li><a href="#">菜单二</a> <ul> <li><a href="#">子菜单一</a></li> <li><a href="#">子菜单二</a></li> <li><a href="#">子菜单三</a></li> </ul> </li> <li><a href="#">菜单三</a></li> <li><a href="#">菜单四</a> <ul> <li><a href="#">子菜单一</a></li> <li><a href="#">子菜单二</a></li> <li><a href="#">子菜单三</a></li> </ul> </li> <li><a href="#">菜单五</a></li> </ul>