首页用HTML+CSS+JS生成一个带有菜单选项的HTML网页

用HTML+CSS+JS生成一个带有菜单选项的HTML网页

时间: 2023-12-17 14:05:09 浏览: 25

<!DOCTYPE html> <html> <head> <title>菜单选项</title> <style> body { margin: 0; padding: 0; font-family: Arial, sans-serif; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } nav { background-color: #f2f2f2; padding: 20px; text-align: center; } nav a { display: inline-block; padding: 10px 20px; background-color: #333; color: #fff; text-decoration: none; margin: 0 10px; border-radius: 5px; } nav a:hover { background-color: #fff; color: #333; } section { padding: 20px; text-align: center; } h1 { margin-top: 0; } </style> </head> <body> <header> <h1>菜单选项</h1> </header> <nav> <a href="#">首页</a> <a href="#">产品</a> <a href="#">服务</a> <a href="#">关于我们</a> <a href="#">联系我们</a> </nav> <section> <h1>欢迎来到我们的网站</h1> <p>我们提供高品质的产品和服务，让您的生活更美好。</p> </section> </body> </html>