首页app导航条html

app导航条html

时间: 2023-12-23 12:26:11 浏览: 28

以下是一个简单的app导航条html代码示例： ```html <!DOCTYPE html> <html> <head> <title>App导航条</title> <style type="text/css"> .navbar { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background-color: #333; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; z-index: 999; } .navbar a { color: #fff; text-decoration: none; margin: 0 10px; font-size: 18px; } .navbar a:hover { color: #f00; } </style> </head> <body> <div class="navbar"> <a href="#">首页</a> <a href="#">分类</a> <a href="#">购物车</a> <a href="#">我的</a> </div>  </body> </html> ```