CSS一级二级菜单 菜单是网站和应用程序的常见组件之一。 CSS 提供了强大的方式来控制菜单的样式和行为,可以创建各种类型的菜单,包括一级、二级和多级菜单。 一级菜单 一级菜单是最简单和最常见的菜单类
html <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> <br> <pre> ul { list-style: none; margin: 0; padding: 0; } <br> li { display: inline-block; margin-right: 20px; } <br> a { text-decoration: none; color: #333; } <br> a:hover { color: #f00; }
ul { list-style: none; margin: 0; padding: 0; } <br> li { display: inline-block; margin-right: 20px; position: relative; } <br> li ul { display: none; position: absolute; top: 30px; left: 0; } <br> li:hover > ul { display: block; } <br> a { text-decoration: none; color: #333; } <br> a:hover { color: #f00; }
粉丝
0
关注
0
收藏
0